// JavaScript Document
anchoFoto=960;
anchoPantalla=screen.availWidth;
//posicionar las 3 img
pos_1=parseInt((anchoPantalla/2)-(anchoFoto/2),10); //centro
//if (es_IE) //siempre pone el scroll lateral si es IE
	pos_1=pos_1-9;
	
pos_0=pos_1-anchoFoto;
pos_2=pos_1+anchoFoto;
//posicion Inicial
document.getElementById('foto_0').style.left=pos_0+"px";
document.getElementById('foto_1').style.left=pos_1+"px";
document.getElementById('foto_2').style.left=pos_2+"px";
fotoIzq=0;
fotoCentro=1 //empieza así
fotoDer=2;

//poner los filtros encima de las fotos laterales
document.getElementById('tapafiltro_izq').style.left=document.getElementById('foto_0').style.left;
document.getElementById('tapafiltro_der').style.left=document.getElementById('foto_2').style.left;

/*document.getElementById('tapafiltro_izq').style.opacity =0.8;
document.getElementById('tapafiltro_izq').style.filter = "alpha(opacity=85)";
document.getElementById('tapafiltro_der').style.opacity =0.8;
document.getElementById('tapafiltro_der').style.filter = "alpha(opacity=85)";*/
	

var laImg; //array de img
var posFoto; //posicion de la foto central en el array
function cargaCabecera()
{ 
	fotos = cargaCabecera.arguments;
	laImg=new Array(fotos.length);
	for (i=0; i<fotos.length; i++){
		laImg[i]=new Image();
		laImg[i].src=fotos[i];
	}
	if (laImg.length<2){ //minimo dos fotos
		laImg[1]=new Image();
		laImg[1].src=fotos[0];
	}

	//carga las primeras
	posFoto=0;
	document.getElementById('foto_1').src=laImg[posFoto].src; //centro
	if ((posFoto+1)<laImg.length)
		document.getElementById('foto_2').src=laImg[posFoto+1].src; //derecha
	else
		document.getElementById('foto_2').src=laImg[0].src; //derecha
		
	if ((posFoto-1)>=0)
		document.getElementById('foto_0').src=laImg[posFoto-1].src; //izquierda		
	else
		document.getElementById('foto_0').src=laImg[laImg.length-1].src; //izquierda
			
}

if (es_IE){
	desplaza=5; //5 pixels de desplazamiento lateral
	intervalo=15; //intervalo de tiempo en el desplazamiento
}else{
	desplaza=10; //5 pixels de desplazamiento lateral
	intervalo=5; //intervalo de tiempo en el desplazamiento
}
sumaDesplaza=0;
var idTime;
var parar=false;
function desplazaCabe(pande){
	if (parar)
		return;
		
	ande=pande*(-1);
	sumaDesplaza=sumaDesplaza+desplaza;
	document.getElementById('foto_0').style.left=(document.getElementById('foto_0').offsetLeft+(desplaza*ande))+"px";
	document.getElementById('foto_1').style.left=(document.getElementById('foto_1').offsetLeft+(desplaza*ande))+"px";
	document.getElementById('foto_2').style.left=(document.getElementById('foto_2').offsetLeft+(desplaza*ande))+"px";

	if (sumaDesplaza>=anchoFoto) { //ya ta movio
		sumaDesplaza=0;
		if (pande>0){
			posFoto=posFoto+1;
			if (posFoto>=laImg.length)
				posFoto=0;
				
			fotoCentro=fotoCentro+1;
			if (fotoCentro>2)
				fotoCentro=0;
		}else{
			posFoto=posFoto-1;
			if (posFoto<0)
				posFoto=laImg.length-1;
				
			fotoCentro=fotoCentro-1;
			if (fotoCentro<0)
				fotoCentro=2;
		}
		
		fotoIzq=fotoCentro-1;
		fotoDer=fotoCentro+1;
		if (fotoCentro==0)
			fotoIzq=2;
		if (fotoCentro==2)
			fotoDer=0;

		//alert("Izq:"+fotoIzq+"  Cen:"+fotoCentro+"  Der:"+fotoDer);
		//alert(posFoto);
		document.getElementById('foto_'+fotoIzq).style.left=pos_0+"px";
		document.getElementById('foto_'+fotoCentro).style.left=pos_1+"px";
		document.getElementById('foto_'+fotoDer).style.left=pos_2+"px";
		enMovimiento=false;
	}else{

		//Comprobar si alguna foto ya ha desaparecido y cargar siguiente
		if (pande>0){
			if (document.getElementById('foto_'+fotoCentro).offsetLeft<0){
				//alert("por la izq");
				if ((posFoto+2)<laImg.length)
					document.getElementById('foto_'+fotoIzq).src=laImg[posFoto+2].src; //siguiente foto
				else
					document.getElementById('foto_'+fotoIzq).src=laImg[(posFoto+2)-laImg.length].src; //al principio
				
				//coger la posicion en relacion con la foto derecha
				nuevoLeft=document.getElementById('foto_'+fotoDer).offsetLeft+document.getElementById('foto_'+fotoDer).offsetWidth;
				document.getElementById('foto_'+fotoIzq).style.left=nuevoLeft+"px";
			}
		}else{
			if ((document.getElementById('foto_'+fotoCentro).offsetLeft+document.getElementById('foto_'+fotoCentro).offsetWidth)>anchoPantalla){
				//alert("por la der");
				if ((posFoto-2)>=0)
					document.getElementById('foto_'+fotoDer).src=laImg[posFoto-2].src; //anterior foto
				else
					document.getElementById('foto_'+fotoDer).src=laImg[laImg.length+(posFoto-2)].src; //ultima foto
					
				//coger la posicion en relacion con la foto izq
				nuevoLeft=document.getElementById('foto_'+fotoIzq).offsetLeft-anchoFoto;
				document.getElementById('foto_'+fotoDer).style.left=nuevoLeft+"px";
			}
		}
		
		var idTime = setTimeout("desplazaCabe("+pande+")",intervalo);
	}
}

var idReloj;
function animacion(){
	if (parar)
		return;
		
	if (posFoto<laImg.length-1){
		desplazaCabe(1);
		var idReloj = setTimeout("animacion()",4000);
	} else {
		finPresentacion();
	}
}
function saltaIntro(){
	parar=true;
	posFoto=laImg.length-1;
	//alert(posFoto);
	//poner posicion original
	document.getElementById('foto_0').style.left=pos_0+"px";
	document.getElementById('foto_1').style.left=pos_1+"px";
	document.getElementById('foto_2').style.left=pos_2+"px";
	document.getElementById('foto_0').src=laImg[laImg.length-2].src; //izquierda		
	document.getElementById('foto_1').src=laImg[laImg.length-1].src; //centro
	document.getElementById('foto_2').src=laImg[0].src; //derecha
	fotoIzq=0;
	fotoCentro=1 //empieza así
	fotoDer=2;
	setTimeout("activar()",500);
	finPresentacion();
}
function activar(){
	parar=false;
}
function finPresentacion(){
	sumaDesplaza=0;
	document.getElementById('contenedor').style.display='block';
	SetCookie("sinpresentacion","1",null,"/"); //para que no vuelva hacer la presentacion
	document.getElementById('botonCabecera2').style.display='none'; //pa que se vean las flechas
	document.getElementById('botonCabecera').style.display='none'; //pa que se vean las flechas
	//cambiaBotonCabecera(); //pone las flechas para moverse por las fotos
}

function saltaIntroNew(){
	//cargaCabecera("images/foto_home.jpg","images/foto_home.jpg");
	document.getElementById('foto_1').src="/images/foto_home.jpg";
	document.getElementById('capaFlash').style.display='none';
	parar=true;
	fotoIzq=0;
	fotoCentro=1 //empieza así
	fotoDer=2;
	finPresentacion();
}
