window.onload=function(){

	var changeImg=function(){

		oldMarcada.getElementsByTagName('img')[0].className='';

		oldMarcada.onclick=changeImg;

		this.getElementsByTagName('img')[0].className='seleccionada';

		setImg=document.getElementById("marco").getElementsByTagName("img")[0];

		pieImg=document.getElementById("marco").getElementsByTagName("strong")[0];
	
		setImg.src=this.href;

		setImg.alt=this.getElementsByTagName('img')[0].alt;

		setImg.title=pieImg.innerHTML=this.getElementsByTagName('img')[0].title;
		
		pieFoto = setImg.alt.substring(setImg.alt.indexOf(':'));

		pieImg.innerHTML= pieFoto.substr(1);
		
		oldMarcada=this;

		oldMarcada.onclick=null;

		return false;

	}

	document.getElementById("contentFotos").style.overflow='hidden';

	document.getElementById("contentFotos").style.height=document.all?'34.2em':'32.5em';

	var contFotos=document.getElementById("scrollFotos");

	contFotos.style.position='absolute';

	document.getElementById("barraFotos").style.display='block';

	document.getElementById("flechasFotos").style.visibility='visible';

	var colectFotos=contFotos.getElementsByTagName("a");

	var oldMarcada=colectFotos[0];

	var i=0;

	for(i=0;i<colectFotos.length;i++){

		if(!colectFotos[i].getElementsByTagName('img')[0].className){

			colectFotos[i].onclick=changeImg;

			colectFotos[i].title='';

		}

	}

	var resto=1;

	var sbndo=function(){

		if(parseFloat(contFotos.style.top)<0){

			contFotos.style.top=(parseFloat(contFotos.style.top)+0.2)+'em';

			alturaGr=contFotos.offsetHeight;

			alturaCnt=contFotos.parentNode.offsetHeight;

			pscp=contFotos.offsetTop;

			resto=alturaGr-alturaCnt+pscp;

			rIni=alturaGr-alturaCnt;

			alturaBarrita=barrita.offsetHeight;

			espacioBarrita=barrita.parentNode.offsetHeight-alturaBarrita;

			barrita.style.marginTop=((((pscp*(-1))/rIni)*espacioBarrita))+'px';

		}

	}

	

	var bjndo=function(){

		if(resto>0){

			contFotos.style.top=(parseFloat(contFotos.style.top)-0.2)+'em';

			alturaGr=contFotos.offsetHeight;

			alturaCnt=contFotos.parentNode.offsetHeight;

			pscp=contFotos.offsetTop;

			resto=alturaGr-alturaCnt+pscp;

			rIni=alturaGr-alturaCnt;

			alturaBarrita=barrita.offsetHeight;

			espacioBarrita=barrita.parentNode.offsetHeight-alturaBarrita;

			barrita.style.marginTop=((((pscp*(-1))/rIni)*espacioBarrita))+'px';

		}

	}

	

	var flechas=document.getElementById("flechasFotos");

	var barrita=document.getElementById("barraFotos").getElementsByTagName('div')[0];

	

	contFotos.style.top='0em';

	flechas.getElementsByTagName("img")[0].onmousedown=function(){

		mvdo=setInterval(sbndo,1)

	}

	flechas.getElementsByTagName("img")[1].onmousedown=function(){

		mvdo=setInterval(bjndo,1)

	}

	flechas.getElementsByTagName("img")[0].onmouseup=flechas.getElementsByTagName("img")[1].onmouseup=flechas.getElementsByTagName("img")[0].onmouseout=flechas.getElementsByTagName("img")[1].onmouseout=flechas.getElementsByTagName("img")[0].onmousemove=flechas.getElementsByTagName("img")[1].onmousemove=function(){

		if(typeof(mvdo)!='undefined'){ clearInterval(mvdo) }

	}

}
