/*
*	Comportamiento del sitio
*	Desarrollado por: Arturo Vargas Gonz‡lez arturo@lawepa.com
*/

var seccion_actual = 'home';

$(document).ready(function(){
	jQuery.event.add(window, "load", resize);
	jQuery.event.add(window, "resize", resize);

	//configura eventos del menœ
	$("#header_inner ul li a").each(function(i)
			{
				$(this).hover(function(){
						menu_hover_in($(this));
					}, 
					function(){
						menu_hover_out($(this));
					});
			});
	
	//esquinas redondeadas
	$(".round_box").corner();
	$(".round").corner();
	
	//evento de scroll
	$(window).scroll(function(){scroll_handler();});
	
	//configura el scroll local para dar el efecto de desplazamiento
	$.localScroll({
		axis:'y',
		queue:true //one axis at a time
	}); 
	
	//inicializa los banners
	mostrar_banner(0);
	
	//configura el formulario
	$('#formulario_contacto').validate({
		messages:{
			nombre:{required: "Este campo es requerido"},
			email: "Introduce un email válido",
			mensaje: {required: "Este campo es requerido"}
		},
		submitHandler: function(form) {
			   // some other code
			   // maybe disabling submit button
			//alert('entra');
			$.post('formulario.php', {nombre: $("#nombre").val(), email: $("#email").val(), mensaje: $("#mensaje").val() }
				, function(json){
					//mensaje de resultado...
					$("#contacto .columna_der").html("Gracias por tu mensaje.");
				});
		}
	});
	
	//configura botones
	$('#mas_info').click(function(){
		//obtiene el sitio...
		$.get('about.php', function(data){
			lightBox(data);
		});
	});
	
	$('#email_suscripcion')[0].value = 'Ingrese su email';
	
	$('#email_suscripcion').focusin(function(){
		if(this.value == 'Ingrese su email')
			this.value = '';
		$('#formulario_suscripcion a').css('display', 'inline');
	});
	
	$('#email_suscripcion').focusout(function(){
		if(this.value == '')
			this.value = 'Ingrese su email';
		//$('#formulario_suscripcion a').css('display', 'none');
		return false;
	});
});

function resize()
{
	//Diooooss jquery es TOOOOOODAAAAA!!!!
	var h = $(window).height();
	//var w = $(window).width();
	
	if(h < 750)
		h = 750;
	
	//if(w < 1000)
	//	w = 1000;
	
	$(".page").css("height", h);
	//$(".page").css("width", w);
}

/*funciones de animaci—n del menœ*/
function menu_hover_in(a)
{
	//debugger;
	//si est‡ en el seleccionado no hace nada
	if(a.hasClass('seleccionado')) return;
	
	if(a.parent().parent().hasClass('menu_light'))
	{
		a.css('background-image', 'none');
		
		/*li.effect('size', { to: {heigdfht: 70}}, 'slow', function(){});*/
		
		a.animate({'height': '70px',
				backgroundColor:'#512B76',
				color: '#b9aac7'},'fast', 'linear', function(){});
		
		$('span', a).animate({'margin-top': '+=30'}, 'fast', 'linear', function(){});
	}
}

function menu_hover_out(a)
{
	//si est‡ en el seleccionado no hace nada
	if(a.hasClass('seleccionado')) return;

	if(a.parent().parent().hasClass('menu_light'))
	{
		a.animate({
			'height': '53px',
			color: '#d0d9e6'},'fast', function(){
				a.css('background-color', 'transparent');
				a.css('background-image', 'url("image/bg_menu_light.png")');
			});
		
		$('span', a).animate({'margin-top': '-=30'}, 'fast', 'linear', function()
				{
					a.removeAttr('style');
					$('span', a).removeAttr('style');
				});
	}
}

function mostrar_banner(i)
{
	//oculta todas las imagenes
	$("#banner img").css('display', 'none');
	$("#banner div img").attr('src', 'image/esfera_light.png');
	$("#banner div img").css('display', 'inline-block');
	
	//muestra la correspondiente
	if($("#banner_" + i).length < 1)
	{
		i = 0;
	}
	
	$("#banner_" + i).css('display', 'inline-block');
	$("#banner_boton_" + i).attr('src', 'image/esfera_dark.png');
	
	//llama a la misma funcion con el intervalo de tiempo...
	i = i + 1;
	setTimeout("mostrar_banner(" + i + ")", 5000);
}

function procesar_formulario()
{
	$('#formulario_contacto').submit();
}

function scroll_handler()
{
	y = $(window).scrollTop();
	h = $("#home").height();
	
	modulo = y % h;
	cociente = (y - modulo) / h;
	
	seccion = '';
	clase = '';
	
	if(cociente == 0)	//esta en la seccion de home...
	{
		seccion = 'home';
		clase = '';
	}
	else if(cociente == 1)
	{
		seccion = 'taller';
		clase = 'seleccionado_dark';
	}
	else if(cociente == 2)
	{
		seccion = 'heal';
		clase = '';
	}
	else if(cociente == 3)
	{
		seccion = 'alianza';
		clase = 'seleccionado_dark';
	}
	else if(cociente == 4)
	{
		seccion = 'descarga';
		clase = '';
	}
	else if(cociente == 5)
	{
		seccion = 'contacto';
		clase = 'seleccionado_dark';
	}
	
	if(seccion_actual == seccion)
		return;
	
	//desmarca el actual...
	$("#menu_" + seccion_actual).removeClass('seleccionado seleccionado_dark').removeAttr('style');
	$("#menu_" + seccion_actual + " span").removeAttr('style');
	
	$("#menu_" + seccion).addClass(clase + ' seleccionado');
	
	seccion_actual = seccion;
}

function mostrar_taller(id)
{
	//obtiene el sitio...
	$.getJSON('taller.php?muestra=taller&id=' + id, function(data){
		lightBox(data.html, data.overflow);
	});
}

function mostrar_afiche(id)
{
	//obtiene el sitio...
	$.getJSON('taller.php?muestra=afiche&id=' + id, function(data){
		lightBox(data.html, data.overflow);
	});
}

function suscribir()
{
	//valida el email
	var email_data = $('#email_suscripcion')[0].value;
	
	var filter = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	if (!filter.test(email_data))
	{
		alert('Por favor revisa el email');
		$('#email_suscripcion').focus();
		return;
	}
	
	
	$.post('suscribir.php', {email: email_data}, function(data){
		$('#registra_email').html('<p>' + data + '</p>');
	});
}