function mano(objeto) 
{
  objeto.style.cursor = (document.all) ? "hand" : "pointer";
}

// Inicializaciones...

var textosCastellano=Array();
textosCastellano[1]="CERDEÑA-100% CO.";
textosCastellano[2]="PORTOFINO-100% CO.";
textosCastellano[3]="GENOVA-100% CO.";
textosCastellano[4]="PALERMO-96% CO. 4% EA.";
textosCastellano[5]="SICILIA-100% CO.";
textosCastellano[6]="FLORENCIA-100% CO.";
textosCastellano[7]="CAPRI-100% CO.";
textosCastellano[8]="CAPRI 1-100% CO.";
textosCastellano[9]="CAPRI 4-100% CO.";
textosCastellano[10]="CAPRI 8-100% CO.";
textosCastellano[11]="CAPRI 9-100% CO.";
textosCastellano[12]="CAPRI 10-100% CO.";
textosCastellano[13]="CAPRI 11-100% CO.";
textosCastellano[14]="CAPRI 12-100% CO.";
textosCastellano[15]="MONACO-100% CO.";
textosCastellano[16]="NAPOLES 1-100% CO.";
textosCastellano[17]="CATANIA-100% CO.";
textosCastellano[18]="SIRACUSA-100% CO.";
textosCastellano[19]="VERONA-100% CO.";
textosCastellano[20]="MILAN-100% CO.";
textosCastellano[21]="ROMA-100% CO.";
textosCastellano[22]="ROMA PERCHADO-100% CO.";
textosCastellano[23]="BERGAMO-100% CO.";
textosCastellano[24]="BARI-100% CO.";
textosCastellano[25]="PISA-90% CO. 10% PES.";
textosCastellano[26]="PARMA-96% CO. 4% EA.";

var textosIngles=Array();
textosIngles=textosCastellano;

var fotos=Array();
for(cont=1; cont<=textosCastellano.length-1; cont++)
{
  textosCastellanoTrozos=textosCastellano[cont].split("-");
  fotos[cont]=textosCastellanoTrozos[0];
}
fotos[1]="CERDENA";

var medidas=Array(fotos.length);
for(i=1; i<=fotos.length-1; i++)
{
  medidas[i]=new Array(3);
}
//Las medidas serán: 1=top, 2=height, 3="texto de la medida"
medidas[6][1]=60; medidas[6][2]=72; medidas[6][3]="2,7";
medidas[7][1]=129; medidas[7][2]=55; medidas[7][3]="2";
medidas[8][1]=34; medidas[8][2]=60; medidas[8][3]="2,3";
medidas[9][1]=78; medidas[9][2]=59; medidas[9][3]="2,3";
medidas[10][1]=40; medidas[10][2]=62; medidas[10][3]="2,3";
medidas[11][1]=39; medidas[11][2]=24; medidas[11][3]="0,9";
medidas[12][1]=49; medidas[12][2]=76; medidas[12][3]="2,8";
medidas[13][1]=96; medidas[13][2]=66; medidas[13][3]="2,4";
medidas[14][1]=71; medidas[14][2]=14; medidas[14][3]="0,5";
medidas[15][1]=31; medidas[15][2]=92; medidas[15][3]="3,3";
medidas[16][1]=220; medidas[16][2]=50; medidas[16][3]="2";
medidas[17][1]=71; medidas[17][2]=40; medidas[17][3]="1,6";
medidas[18][1]=43; medidas[18][2]=42; medidas[18][3]="1,6";

//Lo siguiente se ejecuta tras la carga de la página...

//Insertamos las miniaturas en la página...

contenidoCajaMiniaturas="";
for(numFoto=1; numFoto<=fotos.length-1; numFoto++)
{
  tituloMiniatura=getTitulo(textosCastellano[numFoto]);
  contenidoCajaMiniaturas+="<P id='Miniatura'>"+tituloMiniatura+"</P>";
  contenidoCajaMiniaturas+="<img class='MiniaturasSubrayado' src='../Recursos/MiniaturasSubrayado.gif'>";  
  contenidoCajaMiniaturas+="<div class='CajaMiniatura'  onClick='irADiapositiva("+numFoto+")' onMouseOver='mano(this)'><img class='FotoMiniatura' src='../Fotos/Fabrics/Miniaturas/"+fotos[numFoto]+".jpg'></div>";
  if(numFoto!=fotos.length-1)
  {  
    //contenidoCajaMiniaturas+="<img class='SeparadorMiniaturas' src='../Recursos/SeparadorMiniaturas.gif'>";  
	contenidoCajaMiniaturas+="<img class='MiniaturasSeparador' src='../Recursos/MiniaturasSeparador.gif' style='width:70px; height:7px'>";  
  }
}

document.getElementById("CajaMiniaturas").innerHTML=contenidoCajaMiniaturas;

// Funciones...

function siguiente()
{
var oDiapositiva=document.getElementById('diapositiva');
numAux=parseInt(oDiapositiva.value)+1;
irADiapositiva(numAux);
} 

function anterior()
{
var oDiapositiva=document.getElementById('diapositiva');
numAux=parseInt(oDiapositiva.value)-1;
irADiapositiva(numAux);
} 

function irADiapositiva(num)
{
if(num<=0 || num>=fotos.length)
{ 
  self.location.href="Menu.html";
  return;
}

var oDiapositiva=document.getElementById('diapositiva');
oDiapositiva.value=parseInt(num);
var oIdioma=document.getElementById('idioma');
idiomaAux=oIdioma.value;

if(idiomaAux=="castellano")
{
  textoAux=textosCastellano[num];
  textoFotoAlt="Muestra de Tejido de Punto";
  document.getElementById("CajaTejidoOriginal").innerHTML="<P id='TejidoOriginal'>TEJIDO ORIGINAL</P>";
  document.getElementById("CajaMuestraLavada").innerHTML="<P id='MuestraLavada'>MUESTRA LAVADA</P>";
}
else if(idiomaAux=="ingles")
{
  textoAux=textosIngles[num];
  textoFotoAlt="Knit Fabric Sample";
  document.getElementById("CajaTejidoOriginal").innerHTML="<P id='TejidoOriginal'>ORIGINAL FABRIC</P>";
  document.getElementById("CajaMuestraLavada").innerHTML="<P id='MuestraLavada'>WASHED SAMPLE</P>";
}
else
{
  alert("Error: Idioma");
}

fotoAux=fotos[num];
fotoAux="<img class='Foto' src='../Fotos/Fabrics/" + fotoAux + ".jpg' alt='"+textoFotoAlt+"'>";


//textoAuxTrozos=textoAux.split("-")
tituloAux=getTitulo(textoAux);
descripcionAux=getDescripcion(textoAux);

tituloAux="<h2>" + tituloAux + " &nbsp;-&nbsp</h2>";
descripcionAux="<h2>" + descripcionAux + "</h2>";

cajaMedida="";
if(medidas[num][1]!=null)
{
  arriba=medidas[num][1];
  alto=medidas[num][2];
  textoMedida=medidas[num][3];
  altoFlechaPixel=alto-10;
  arribaTextoMedida=alto/2-10;
  cajaMedida="<div class='CajaMedida' style='top:"+arriba+"px; height:"+alto+"px'>" +
    "<img class='FlechaArriba' src='../Recursos/FlechaArriba.jpg'>" +
    "<img class='FlechaAbajo' src='../Recursos/FlechaAbajo.jpg'>" +
    "<img class='FlechaPixel' style='height:"+altoFlechaPixel+"px' src='../Recursos/FlechaPixel.jpg'>" +
    "<p id='Medida' style='top:"+arribaTextoMedida+"px'>"+textoMedida+" cm." +
    "</p>" +
    "</div>";
}
  document.getElementById("CajaFoto").innerHTML=fotoAux;
  document.getElementById("CajaTitulo").innerHTML=tituloAux;
  document.getElementById("CajaDescripcion").innerHTML=descripcionAux;
  document.getElementById("CajaContenedoraCajaMedida").innerHTML=cajaMedida;
}

function getTitulo(cadena)
{
  cadenaTrozos=cadena.split("-")
  tituloAux=cadenaTrozos[0];
  return tituloAux
}

function getDescripcion(cadena)
{
  cadenaTrozos=cadena.split("-")
  descripcionAux=cadenaTrozos[1];
  return descripcionAux
}