$(function() {
	$('a.showPopup').click(function(e) {
	e.preventDefault();
		var $this = $(this);
		var horizontalPadding = 15;
		var verticalPadding = 15;
		$('<iframe id="site" src="' + this.href + '" />').dialog({
			title: ($this.attr('title')) ? $this.attr('title') : 'Site',
			autoOpen: true,
			width: 700,
			height: 500,
			modal: true,
			resizable: false,
			autoResize: false,
			overlay: {
				opacity: 0.5,
				background: "black"
			}
		}).width(700 - horizontalPadding).height(500 - verticalPadding);
	});

	var top = 25; //$('#comment').offset().top - parseFloat($('#comment').css('margin-top').replace(/auto/, 0));
	$(window).scroll(function (event) {
		var y = $(this).scrollTop();

		if (y >= top) {
			$('#top').css('position','fixed');
		} else {
			$('#top').css('position','absolute');
		}
	});
});

function item_activo() {
	$('#top li').removeClass('active');
	
	var distancia = $(window).scrollTop();
	var documento = $(document).height();
	var ventana = $(window).height();
	
	//altura secciones
	var header = $('header').height() - 25;
	//var bienvenido = header + $('#bienvenido').height() + 40;
	var soluciones = header + $('#soluciones').height() + 40;
	var portfolio = soluciones + $('#portfolio').height() + 40;
	var sobre_mi = portfolio + $('#sobre_mi').height() + 60;
	var contacto = documento - ventana - 50;

	
	
	if(distancia < header){ $('#top li a[href=#inicio]').parent().addClass('active'); }
	if(distancia > header && distancia < soluciones){ $('#top li a[href=#soluciones]').parent().addClass('active'); }
	if(distancia > soluciones && distancia < portfolio){ $('#top li a[href=#portfolio]').parent().addClass('active'); }
	
	//if(distancia > portfolio && distancia < sobre_mi){ $('#top li a[href=#soluciones]').parent().addClass('active'); }

	if(distancia > portfolio && distancia < contacto){ $('#top li a[href=#sobre_mi]').parent().addClass('active'); }

	if(distancia > contacto){ $('#top li a[href=#contacto]').parent().addClass('active'); }
}

$( document ).ready( function(){

	$(window).scroll(function () { item_activo() });

	$('#top li').click(function(){
		var id = $(this).children().attr('href').split('#');
		id = id[id.length-1];
		
	/*	$('#top li').removeClass('active');
		$(this).addClass('active');
		*/
		if( $('#' + id).length == 0 ) {
			return true;
		}
		
		var to = $(this).children().attr('href');
		$.scrollTo(to, 1200, {offset:-45});
		return false;
	});
	
	$('a[href=#movil]').live( 'click', function(){
		$('#text')
			.val('Hola estoy interesado en la opción de un sitio web móvil. ¿Podrían enviarme más información?. Gracias.')
			.focus();
		return false;
	});

	$('a.boton_solu').click(function(){
		switch($(this).attr('id')){
			case 'uno':    text = 'Hola. Estoy interesado en la Solución "Presencia en la Web". ¿Podrían enviarme más información?. Gracias.'; break;
			case 'dos':    text = 'Hola. Estoy interesado en la Solución "Sitio Web Básico". ¿Podrían enviarme más información?. Gracias.'; break;
			case 'tres':   text = 'Hola. Estoy interesado en la Solución "Gestor de Contenidos". ¿Podrían enviarme más información?. Gracias.'; break;
			case 'cuatro': text = 'Hola. Estoy interesado en la Solución "Dioseño Web a Medida". ¿Podrían enviarme más información?. Gracias.'; break;
			case 'cinco':  text = 'Hola. Estoy interesado en la Solución "Software en la Nube". ¿Podrían enviarme más información?. Gracias.'; break;
			case 'seis':   text = 'Hola. Estoy interesado en la Solución en su plan de hosting. ¿Podrían enviarme más información?. Gracias.'; break;
			default: text = ''; break;
		}

		if(text != '' ) { $('#text').val(text).focus(); return false; }
	});

	$('input, textarea').focus(function () { $(this).css('border','2px solid #0b5Fa5'); });
	$('input, textarea').blur( function () { $(this).css('border','1px solid #DDD'); });

	//$('#destacados').skitter({label: false, show_randomly: true, navigation: false, dots: false, interval: 6000, numbers: true});
	$('#destacados').skitter({
		animation: "glassBlock", 
 		dots: true, 
 		numbers_align: "center", 
 		progressbar: true,
 		label: false, 
 		navigation: false,
 		interval: 8000
 	});
	//$('.skitter_portfolio').css({width: 974, height: 250}).skitter({label: true, show_randomly: true, thumbs: true, navigation: true, dots: true, interval: 3000, numbers: true});
	$('.skitter_portfolio').css({width: 974, height: 400}).skitter({label: true, thumbs: false, animation: 'random', interval: 4000, dots: true});
	
	$("div.solucion")	.mouseenter(function() { 
							$(this)	.css('margin-top', '-5px')
									.css('box-shadow', '0 0px 13px rgba(0,0,0,0.8)')
									.css('z-index', '100');
						})
						.mouseleave(function() { 
							$(this)	.css('margin-top',   '0px')
									.css('box-shadow', '0 0px 8px rgba(0,0,0,0.3)')
									.css('z-index', 'auto');
						});
  
	item_activo();
});


var top_latest = 250;
var top_window = 150;


function enviar_form()
{
	// si el nombre est� en blanco salta un aviso
	if (document.getElementById('nom').value.length < 3)
	{
		alert("El campo Nombre debe contener por lo menos 3 caracteres.");
		document.getElementById('nom').focus();
		return false;
	}

	// funci�n para validar el mail
	function esMail()
	{
		mail = document.getElementById('mail').value;
		// indexOf devuelve la primera posici�n de la cadena indicada en el string, la primera posici�n es 0
		// lastIndexOf devuelve la �ltima posici�n de la cadena indicada en el string
		if (mail.indexOf("@") > 0 && mail.indexOf("@") == mail.lastIndexOf("@"))
		{
			// si la @ se encuentra al menos en posici�n 1 y no hay dos @
			if (mail.lastIndexOf(".") > mail.indexOf("@") + 1 && mail.lastIndexOf(".") < mail.length - 2)
			{
				// si el �ltimo . se encuentra despu�s de la @ + 1 y despu�s de �ste hay al menos dos caracteres
				return true;
			}
			else
			{
				return false;
			}
		}
		else
		{
			return false;
		}
	}
	// si el email no es válido salta un aviso
	if (!esMail())
	{
		alert("En campo e-mail es Incorrecto.");
		document.getElementById('mail').focus();
		return false;
	}


	// si el texto está en blanco salta un aviso
	if (document.getElementById('text').value == '')
	{
		alert("El campo Mensaje debe estar completo.");
		document.getElementById('text').focus();
		return false;
	}

	// si el si el código es incorrecto
	if (document.getElementById('code').value !== document.getElementById('bueno').value)
	{
		alert("El Codigo no es Correcto.");
		document.getElementById('arg').value="reload";
		document.getElementById('consulta').submit();
		return false;
	}

	// si ha llegado hasta aquí, pasamos a enviar
	document.getElementById('arg').value="send";
	document.getElementById('consulta').submit();
	return true;
}