function CentrarElemento(elem)
{
    altura = $(elem).outerHeight();
	ancho = $(elem).outerWidth();
	nMarginLeft = ancho/2;
	nMarginTop = altura/2;
	$(elem).css({"margin-left": "-"+nMarginLeft+"px"});
	$(elem).css({"margin-top": "-"+nMarginTop+"px"});
}
function SetMensaje(msj)
{
	$('#resultado p').html(msj);
	CentrarElemento('#resultado');
}
function Oscurecer(frase)
{
	$('#sombra').show();
	$('#resultado').show();
	SetMensaje(frase);
	return false;
}
function MostrarFormularioRegistro()
{
    $('#sombra').show();
	$('#formularioregistro').show();
	CentrarElemento('#formularioregistro');
}
function MostrarMsjRegistro(msj)
{
	$('#mensajeregistro').show();
	$('#mensajeregistro').html(msj);
	console.log(msj);
}
$(document).ready(function()
{
	var permitesalir = true;
	$("#menu li a").hover(
		function ()
		{
			var icono = $(this).find(".icono");
			var altura = parseInt(icono.css('top'));
			icono.css('top', (altura + 5 )+ 'px');
			var menu = $(this).parent().find(".menus");
			menu.show();
		}, 
		function ()
		{
			var icono = $(this).find(".icono");
			var altura = parseInt(icono.css('top'));
			icono.css('top', (altura - 5 )+ 'px');
			var menu = $(this).parent().find(".menus");
			setTimeout(function ()
			{
				if(permitesalir)
				{
					menu.hide();
				}
			}, 100);

		}
	);
	$(".menus").hover(
		function ()
		{
			permitesalir = false;
		}, 
		function ()
		{
			permitesalir = true;
			var este = $(this);
			setTimeout(function ()
			{
				if(permitesalir)
				{
					este.hide();
				}
			}, 100);
			
		}
	);
	$('#toggleinvita').toggle(
	function ()
	{
		$('#invita_wrapper').stop().animate({height: '145px'});
	},
	function ()
	{
		$('#invita_wrapper').stop().animate({height: '48px'});
	}
	);
	$('#borrar').click(function()
	{
		$('#nombre').val('');
		$('#correo').val('');
		$('#telefono').val('');
		$('#ciudad').val('');
	});
	$('#btregistrate').click(function()
	{
		MostrarFormularioRegistro();
	});
	$('#sombra').click(function()
	{
		$('#sombra').hide();
		$('#resultado').hide();
		$('#resultado p').html('.');
		$('#mensajeregistro').hide();
		$('#mensajeregistro').html('');
		$('#formularioregistro').hide();
	});
	$('#cerrar').click(function()
	{
		$('#sombra').hide();
		$('#resultado').hide();
		$('#resultado p').html('.');
		$('#mensajeregistro').hide();
		$('#mensajeregistro').html('');
		$('#formularioregistro').hide();
	});
	$('#registro').submit(function()
	{
		Nombre = $.trim($('#nombre').val());
		Correo = $.trim($('#correo').val());
		Telefono = $.trim($('#telefono').val());
		Ciudad = $.trim($('#ciudad').val());
		datos = {
			nombre: Nombre, 
			correo: Correo,
			telefono: Telefono,
			ciudad: Ciudad,
			enviar: true
			};
		if(isEmpty(Nombre) || isEmpty(Correo) || isEmpty(Telefono) || isEmpty(Ciudad) || !$('#chbox').attr('checked'))
		{
			MostrarMsjRegistro('Hey, todos los campos son requeridos');
		}
		else
		{
			if(isEmail(Correo))
			{
				$.post('http://tuhistoriadebesercontada.com/registro/registrar.php', datos, function(data)
				{
					MostrarMsjRegistro(data);
				});
			}
			else
			{
				MostrarMsjRegistro('Parece que hay algo mal con el correo');
			}
		}
		return false;
	});
	$('#invitar').submit(function()
	{
		Nombre = $.trim($('#inv_nombre').val());
		Correo = $.trim($('#inv_correo').val());
		datos = {
			nombre: Nombre, 
			correo: Correo,
			enviar: true
			};
		Oscurecer('Enviando...');
		if(isEmpty(Nombre) || isEmpty(Correo))
		{
			SetMensaje('Hey, todos los campos son requeridos');
		}
		else
		{
			if(isEmail(Correo))
			{
				$.post('http://tuhistoriadebesercontada.com/registro/invitar.php', datos, function(data)
				{
					$('#inv_nombre').val('');
					$('#inv_correo').val('');
					SetMensaje(data);
				});
			}
			else
			{
				SetMensaje('Parece que hay algo mal con el correo');
			}
		}
		return false;
	});
	$('marquee').marquee('pointer').mouseover(function () {
            $(this).trigger('stop');
        }).mouseout(function () {
            $(this).trigger('start');
        }).mousemove(function (event) {
            if ($(this).data('drag') == true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
        }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
        }).mouseup(function () {
            $(this).data('drag', false);
        });
});