//////////////////////////////////////////////////////////////
//                                                          //
//  Script para visualizar las imágenes de toozhink.com     //
//  Publicado bajo: Creative Commons Attribution-Share      //
//  Alike 3.0 Unported License                              //
//                                                          //
//////////////////////////////////////////////////////////////

foto_actual = 1;
total_fotos = 4;
segundosPorFoto = 4;
tiempo_fade = 700;
var temporizador;

//Array con las rutas de cada foto
imagenes = new Array ("",
					  'img/cabecera/1.jpg',
					  'img/cabecera/2.jpg',
					  'img/cabecera/3.jpg',
					  'img/cabecera/4.jpg',
					  'img/cabecera/5.jpg',
					  'img/cabecera/6.jpg');

//Array con los links de cada foto
links = new Array ("",
				   "?team&rider=marcos",
				   "?team&rider=laya",
				   "?team&rider=pablo",
				   "?team&rider=noel",
				   "?team",
				   "?team");


var i; 
var lista_imagenes = new Array(); 


// a partir de aqui no se debe modificar
function showPhoto (num) {
	clearInterval (temporizador);
	photo(num);
}

function photo (num) {
	divSlider = document.getElementById('fondoSlider');
	$(divSlider).fadeOut(tiempo_fade, null);
	
	setTimeout('continuaPhoto('+num+')', tiempo_fade-100);
}

function continuaPhoto (num){
	divSlider = document.getElementById('fondoSlider');
	divSlider.style.background='url(img/cabecera/'+num+'.jpg)';
	
	document.getElementById('casilla'+foto_actual).className = 'numero_no_activo'
	foto_actual = num;
	document.getElementById('casilla'+foto_actual).className = 'numero_activo';
	
	document.getElementById('linkFondoSlider').href = links[foto_actual];
	$(divSlider).fadeIn(tiempo_fade, null);
	temporizador = setTimeout("pasaFoto()", 1000*segundosPorFoto);
}


function pasaFoto() {
	if (foto_actual == total_fotos){
		photo (1);
	}else{
		photo(foto_actual+1);
	}
}


//Para la pregcarga de imágenes
function inicioSlider() {

	for(i in imagenes){ 
		lista_imagenes[i] = new Image(); 
		lista_imagenes[i].src = imagenes[i]; 
	} 
	// una vez cargadas empiezan a mostrarse
	photo(1);
}

