window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
var doc=document, imgsb = new Array(), imgsm = new Array(), filasGaleria, currentb=0, anchoMinimo, anchoGaleria;
var desplazaMini;
var ampliacion=1;
function so_init() {
	if(!doc.getElementById || !doc.createElement)return;
	imgsb = doc.getElementById('fotosanima').getElementsByTagName("img");
	imgsm = doc.getElementById('bloqueomini').getElementsByTagName("img");
	filasGaleria=Math.ceil(imgsb.length/6);
	if(filasGaleria>1){
		anchoMinimo=imgsm[0].id;
		anchoMinimo=document.getElementById(anchoMinimo).offsetWidth;
		anchoGaleria=(anchoMinimo*filasGaleria)+25+(filasGaleria*3);
		document.getElementById('contminiaturas').style.width=anchoGaleria+'px';
		document.getElementById('miniaturas').style.width=anchoGaleria+'px';
		document.getElementById('bloqueomini').style.width=(anchoGaleria-20)+'px';
		document.getElementById('miniaturas').style.right=-anchoGaleria+'px';
		desplazaMini=(filasGaleria*3);
	}else{
		desplazaMini=10;
	}
	for(i=1;i<imgsb.length;i++) imgsb[i].xOpacity = 0;
	doc.getElementById('fotosanima').style.display='block';
	imgsb[currentb].style.display = "block";
	imgsb[currentb].xOpacity = .99;
	setTimeout(so_xfadeb,4000);
}

function so_xfadeb() {
	if(ampliacion<2){
	cOpacityb = imgsb[currentb].xOpacity;
	nIndexb = imgsb[currentb+1]?currentb+1:0;
	}

	nOpacity = imgsb[nIndexb].xOpacity;
	
	cOpacityb-=.05; 
	nOpacity+=.05;
	
	imgsb[nIndexb].style.display = "block";
	imgsb[currentb].xOpacity = cOpacityb;
	imgsb[nIndexb].xOpacity = nOpacity;
	
	setOpacityb(imgsb[currentb]); 
	setOpacityb(imgsb[nIndexb]);
	if(ampliacion<2){
		if(cOpacityb<=0) {
			imgsb[currentb].style.display = "none";
			currentb = nIndexb;
			setTimeout(so_xfadeb,4000);
		} else {
			setTimeout(so_xfadeb,50);
		}
	}else{
		for(i=1;i<imgsb.length;i++){
			imgsb[i].style.display = "none";
			imgsb[i].xOpacity = 0;
		}
		doc.getElementById('fotosanima').style.display='block';
		imgsb[currentb].style.display = "block";
		imgsb[currentb].style.opacity = .99;
		imgsb[currentb].style.MozOpacity = .99;
		imgsb[currentb].style.filter = "alpha(opacity=" + 100 + ")";
	}
	function setOpacityb(objb) {
		if(objb.xOpacity>.99) {
			objb.xOpacity = .99;
			return;
		}
		objb.style.opacity = objb.xOpacity;
		objb.style.MozOpacity = objb.xOpacity;
		objb.style.filter = "alpha(opacity=" + (objb.xOpacity*100) + ")";
	}
}
function ampliaMini(idMini){
	ampliacion=2;
	currentb=idMini;
	for(i=1;i<imgsb.length;i++){
			imgsb[i].style.display = "none";
			imgsb[i].xOpacity = 0;
		}
		doc.getElementById('fotosanima').style.display='block';
		imgsb[currentb].style.display = "block";
		imgsb[currentb].style.opacity = .99;
		imgsb[currentb].style.MozOpacity = .99;
		imgsb[currentb].style.filter = "alpha(opacity=" + 100 + ")";
		//document.botongaleria.src="../../../propuesta2011/animacion/img/botpause.jpg";
}
function playMini(){
	ampliacion=1;
	so_init();
	//document.botongaleria.src="../../../propuesta2011/animacion/img/botplay.jpg";
}

var anchoMini, posMiniIni, posMiniFinal, posMini, movimiento, mm, mm2;
function miniaturas(){
	clearInterval(mm);
	clearInterval(mm2);
	posMiniFinal=document.getElementById('contminiaturas').offsetWidth-document.getElementById('miniaturas').offsetWidth;
	posMiniIni=posMiniFinal+document.getElementById('miniaturas').offsetWidth;
	posMini=document.getElementById('miniaturas').offsetLeft;
	movimiento= posMini-document.getElementById('miniaturas').offsetWidth;
	if(posMini==posMiniIni){
		mm=setInterval('muestraMini()',10);
	}else{
		mm2=setInterval('escondeMini()',10);
	}
}
function muestraMini(){
	posMini=document.getElementById('miniaturas').offsetLeft;
	if(posMini>posMiniFinal){
		document.getElementById('miniaturas').style.left=(posMini-desplazaMini)+"px";
	}else{
		clearInterval(mm);
	}
}
function escondeMini(){
	posMini=document.getElementById('miniaturas').offsetLeft;
	if(posMini<posMiniIni){
		document.getElementById('miniaturas').style.left=(posMini+desplazaMini)+"px";
	}else{
		clearInterval(mm2);
	}
}

