// JavaScript Document
var indiceZ = 10;
var secActual; //esto es para que al pulsar dos veces en el mismo no haga nada
var seccion
$(document).ready(inicia);
var pulsado
var id

function inicia(){
$('.kwicks').kwicks({  
      max : 300,  
       spacing : 2  
   });
Cufon.replace('h1');
Cufon.replace('h2');
Cufon.replace('a');
$("#contenido").hide();
$("#contenido").fadeIn(500);
$("#secciones").hide();
$("#secciones").fadeIn(500);
//$(document).pngFix();
//SLIDESHOW
//los coloco en el mismo sitio y como se pintan uno encima de otro al primero div:first lo coloco por encima porque quiero ver el primero, no el ultimo
	$("#info div").css({top: "0px", left: "0px", position: "absolute", zIndex:2});
	$("#info div:first").css({zIndex:indiceZ});
	//vamos a capturar los enlaces
	$("#menu a").click(muestraSeccion);	
	$("#funda a").click(navegaFunda);
	//$("#banner a").click(vuelveIndex);
}

/*function vuelveIndex(){
	
	$("#contenido").hide();
	$("#contenido").fadeIn(500);
}*/
function muestraSeccion(){
	//capturamos el atributo href de cada enlace
	var id = $(this).attr("href");
	//alert(id);
	//estariamos dandole un z-index de 10, pero siempre el mismo, 10, habría que sumar 1 al indiceZ
	//metemos este if para que no se pueda pulsar dos veces en el mismo enlace, y por eso además ponemos return false, para eliminarlo
	if(id != secActual){
	indiceZ++;
	//$(id).css({zIndex:indiceZ});
	//vamos a animarlo, solo habíamos hecho lo mismo que teniamos sin JS, ahora lo escondemos y hacemos que aparezca con fundido
	//voy a encontrar el div descripcion con el metodo find y lo voy a ocultar para luego animarlo, y lo escalonare con callBacks, el primero despues del fundido
	$(id).find(".descripcion").hide();
	$(id).css({zIndex:indiceZ}).hide().fadeIn(600, muestraDetalle);
	secActual = id;
	}
	

	return false;
}

function muestraDetalle(){
	//vuelvo a ocultar todo el texto del div descripcion y lo oculto
	$(this).find(".descripcion *").hide();
	//en este divisor concreto, this, busca el div descripcion y animalo
	$(this).find(".descripcion").slideDown(400, muestraTexto);
}

function muestraTexto(){
	//$(this).find("*").fadeIn(400);
	$(this).find("h3").fadeIn(200);
	$(this).find("p").fadeIn(400);
	$(this).find("a").fadeIn(600);
	
	
}

function navegaFunda(){
	//var seccion2 = document.getElementById("seccion2");
	id = $(this).attr("id");
	//oculta();
	if(id=="funda1"){
		$("#seccion1").fadeIn(600);
		$("#seccion2").fadeOut(600);
		$("#seccion3").fadeOut(600);
	}
	if(id=="funda2"){
		$("#seccion2").fadeIn(600);
		$("#seccion1").fadeOut(600);
		$("#seccion3").fadeOut(600);
	}
	if(id=="funda3"){
		$("#seccion3").fadeIn(600);
		$("#seccion2").fadeOut(600);
		$("#seccion1").fadeOut(600);
	}
	//$("#secciones").hide();
	//$("#secciones").fadeIn(600, oculta);
	//$("#seccion2").fadeOut(600);
}