// JavaScript Document

//Precarga de imagenes
img1 = new Image();
img2 = new Image();
img3 = new Image();
img1.src = "img/slides/slide1.jpg";
img2.src = "img/slides/slide2.jpg";
img3.src = "img/slides/slide1_eng.jpg";


var imagenes = ['<a id="slide0" href="documentos/cartel02.pdf" target="_blank"><img src="img/slides/slide1.jpg"/></a>', '<a id="slide1" href="documentos/cartel01.pdf" target="_blank"><img src="img/slides/slide2.jpg" /></a>', '<a id="slide2" href="documentos/cartel03.pdf" target="_blank"><img src="img/slides/slide1_eng.jpg"/></a>'];

var timer;
var html_swf;

function cambiar_icono(i){
	clearTimeout(timer);
	//Agregamos el indicado
	$('#slider').append(imagenes[i]);
	$('#slider').stop().animate(
		{left: "-708px"},
		700,
		function(){
			$('#slider > a').first().remove();
			$('#slider').css('left', 0);
			$('#iconos_slider > div').css('color', '#FFF');
			$('#iconos_slider > div').css('background-position', '0 0');
			$('#iconos_slider #ico'+i).css('color', '#000');
			$('#iconos_slider #ico'+i).css('background-position', '0 -17px');
			//Llamada recursiva
			timer = setTimeout(function(){
				cambiar_icono((i+1)%3);
			}, 7000);
		}
	);
}

$(document).ready(function()
{
	
	 html_swf = $('#animacion').html();
	
	//Iconos del carrusel y primer funcionamiento
	$('#iconos_slider #ico0').css('color', '#000');
	$('#iconos_slider #ico0').css('background-position', '0 -17px');
	timer = setTimeout(function(){
		cambiar_icono(1);
	}, 7000);
});