$(document).ready(function(){
	
	var totalSlides = $('#sliderPrincipal .slide').size();
	var idSlide = totalSlides;
	var parado=0;
	
	$('#navegacionSliderPrincipal').append('<ul>');
	for (i=1;i<=totalSlides;i++){
		$('#sliderPrincipal .slide:nth-child('+i+')').fadeOut();
		$('#navegacionSliderPrincipal ul').append('<li id="listaPrincipal' + i + '" >' + $('#sliderPrincipal .slide:nth-child('+i+') .titulo').text() + '</li>');  // pinta LI en el UL
	}
	$('#navegacionSliderPrincipal').append('</ul>');

	$("#desplegable").hover(
		function(){
			$("#sliderPrincipal").data("dataSliderPrincipal").should_pause = true;
		},function() {
			$("#sliderPrincipal").data("dataSliderPrincipal").should_pause = false;
		}
	);
	
	$("#navegacionSliderPrincipal ul li").click(function(){
		idAnterior=idSlide;
		idClick=$(this).attr("id").split("listaPrincipal");
		idClick=idClick[1];
		idSlide=idClick;

		if (idClick!=idAnterior) {
			for (i=1;i<=totalSlides;i++){
				$('#listaPrincipal'+i).removeClass();				
			}
			$('#sliderPrincipal .slide:nth-child('+idAnterior+')').fadeOut(1000);
			$('#sliderPrincipal .slide:nth-child('+idClick+')').fadeIn(1000);
			$('#listaPrincipal'+idClick).addClass("current");
			$('#destacados').html('<a href="' + $('#sliderPrincipal .slide:nth-child('+idSlide+') .enlace').html() + '"><p>' + $('#sliderPrincipal .slide:nth-child('+idSlide+') .teaser').text() + "</p>" + $('#sliderPrincipal .slide:nth-child('+idSlide+') .texto').text() + '</a>');
		}
		if (!parado)
			$("#sliderPrincipal").data("dataSliderPrincipal").should_stop = true;
		parado=1;
	});
	
	$("#sliderPrincipal").at_intervals(
		function(){
			$('#listaPrincipal'+idSlide).removeClass();
			$('#sliderPrincipal .slide:nth-child('+idSlide+')').fadeOut(1000);
			
			if (idSlide==totalSlides)
				idSlide=0;
			idSlide++;
			
			$('#sliderPrincipal .slide:nth-child('+idSlide+')').fadeIn(1000);
			$('#listaPrincipal'+idSlide).addClass("current");
			$('#destacados').html('<a href="' + $('#sliderPrincipal .slide:nth-child('+idSlide+') .enlace').html() + '"><p>' + $('#sliderPrincipal .slide:nth-child('+idSlide+') .teaser').text() + "</p>" + $('#sliderPrincipal .slide:nth-child('+idSlide+') .texto').text() + '</a>');
		},
		{delay: 10000, name:"dataSliderPrincipal"}
	);

});