/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var numfotos="11"
// config FOTOS GRANDES (capa Maxi)
var posxmaxi="100px"
var posymaxi="10px"
// Tamaño capa grande
var anchofgrande="400px"		// anulado en zona inferior: CAPA GRANDE (Maxi)
var altofgrande="270px"

// config FOTOS PEQUEÑAS (capa01 en slideshow.js)
var horizontal="115px"	  	// Posición X				//Slideshow linea 63
var vertical="280px"     	//Posicion Y				//Slideshow linea 63
var difvertical="1px"								//Slideshow linea 64 y 65
var sliderwidth="400px"		//Ancho del slideshow
var sliderheight="80px"  	//Alto del slideshow
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//Color de Fondo
var slidebgcolor="#d23f30"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
// ----------- FOTOS PEQUEÑAS (deslizantes) -------------------------
var basedir="../images/inicio_slide/"
var basedir_pq="../images/inicio_slide/"
//leftrightslide[0]='<span id="0" onmouseover="enciende(11)" onmouseout="apaga(11)"><a href="http://"><img src="'+basedir+'1.jpg" onmouseover=this.src="'+basedir+'1gr.jpg" onmouseout=this.src="'+basedir+'1.jpg" border=0></a></span>'
//leftrightslide[1]='<span id="1" onmouseover="enciende(12)" onmouseout="apaga(12)"><a href="http://"><img src="'+basedir+'2.jpg" onmouseover=this.src="'+basedir+'2gr.jpg" onmouseout=this.src="'+basedir+'2.jpg" border=0></a></span>'
for (var i=0; i<numfotos; i++){
  if (i<9)
   leftrightslide[i]='<span id="0" onmouseover="enciende('+i+')" onmouseout="apaga('+i+')"><img src="'+basedir_pq+0+(i+1)+'pq.jpg" border=0></span>'
  else
   leftrightslide[i]='<span id="0" onmouseover="enciende('+i+')" onmouseout="apaga('+i+')"><img src="'+basedir_pq+(i+1)+'pq.jpg" border=0></span>'   
  // con enlace a página
  //leftrightslide[i]='<span id="0" onmouseover="enciende('+(i+11)+')" onmouseout="apaga('+(i+11)+')"><a href="http://"><img src="'+basedir+(i+1)+'.jpg" border=0></a></span>'
}
//-->
//Margen entre fotos (use HTML):
var imagegap='<img src="../images/compartidos/separador_tr.gif" width="10" height="8">'
//var imagegap=" "
//<img src="../images/compartidos/separador_tr.gif" width="10" height="8">
//Margen entre cada SlideShow rotación (use integer):
var slideshowgap=5

<!----------------FUNCIONES VISIBILIDAD ---------------------------------
function apaga(capaapagar){
var sPref2="Maxi";
var sCapaA=sPref2.concat(capaapagar);
document.getElementById(sCapaA).style.visibility="hidden";
// encendemos la capa por defecto
document.getElementById("pordefecto").style.visibility="visible";
};
function enciende(capaencender){
var sPref2="Maxi";
var sCapaA=sPref2.concat(capaencender);
document.getElementById(sCapaA).style.visibility="visible";
// apagamos la capa por defecto
document.getElementById("pordefecto").style.visibility="hidden";
};
//-->
//---------------------------------- CAPA GRANDE (Maxi)----------------------
for (var j=0; j<numfotos; j++){
  //document.write('<div id="Maxi'+j+'" style="position:absolute; left:'+posxmaxi+'; top:'+posymaxi+'; width:'+anchofgrande+'; height:'+altofgrande+'; z-index:2; visibility: hidden;">')
  document.write('<div id="Maxi'+j+'" style="position:absolute; left:'+posxmaxi+'; top:'+posymaxi+'; width:'+anchofgrande+'; height:'+altofgrande+'; z-index:2; visibility: hidden;">')
  document.write('<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td>')
  if (j<9)
    document.write('<div align="center"><img src="'+basedir+0+(j+1)+'.jpg" height='+altofgrande+'></div>')
  else
  document.write('<div align="center"><img src="'+basedir+(j+1)+'.jpg" height='+altofgrande+'></div>')  
  //document.write('<div align="center"><img src="'+basedir+0+(j+1)+'.jpg" height='+altofgrande+' width='+anchofgrande+'></div>')
  document.write('</tr></td></table>')
  document.write('</div>')
}
//----------------------------------------------------------------------