// JavaScript Document
$(document).ready(function(){
	
// remove link background images since we're re-doing the hover interaction below 
// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
$(".nav").children("li").each(function() {
	var current = "nav current-" + ($(this).attr("class"));
	var parentClass = $(".nav").attr("class");
	if (parentClass != current) {
		$(this).children("a").css({backgroundImage:"none"});
	}
});	


// create events for each nav item
attachNavEvents(".nav", "btnInicio");
attachNavEvents(".nav", "btnJuanma");
attachNavEvents(".nav", "btnReto");
attachNavEvents(".nav", "btnGaleria");
attachNavEvents(".nav", "btnNoticias");
attachNavEvents(".nav", "btnLibro");
attachNavEvents(".nav", "btnContacto");


function attachNavEvents(parent, myClass) {
	$(parent + " ." + myClass).mouseover(function() {
		$(this).append('<div class="nav-' + myClass + '"></div>');
		$("div.nav-" + myClass).css({display:"none"}).fadeIn(100);
	}).mouseout(function() {
		// fade out & destroy pseudo-link
		$("div.nav-" + myClass).fadeOut(100, function() {
			$(this).remove();
		});
	});
}
});	

$(document).ready(function(){
// Boton +Info del Reto
$(".btnMasInfo").children("li").each(function() {
	var current = "btnMasInfo current-" + ($(this).attr("class"));
	var parentClass = $(".btnMasInfo").attr("class");
	if (parentClass != current) {
		$(this).children("a").css({backgroundImage:"none"});
	}
});	

// create events for each nav item
attachNavEvents(".btnMasInfo", "btnInfo");

function attachNavEvents(parent, myClass) {
	$(parent + " ." + myClass).mouseover(function() {
		$(this).append('<div class="btnMasInfo-' + myClass + '"></div>');
		$("div.btnMasInfo-" + myClass).css({display:"none"}).fadeIn(100);
	}).mouseout(function() {
		// fade out & destroy pseudo-link
		$("div.btnMasInfo-" + myClass).fadeOut(100, function() {
			$(this).remove();
		});
	});
}
});

function envio(){
	document.getElementById("Z").submit();
}
function valida(){
	if (document.getElementById("nombre").value == '' || (document.getElementById("email").value == '' && document.getElementById("telefono").value == '')) {
		Sexy.alert('<h1>ATENCI&Oacute;N</h1><p></p><p>Debe introducir su nombre alg&uacute;n medio de contacto, bien su tel&eacute;fono o su email.</p>');
	}else{
		document.getElementById("formulario").submit();
	} 
}