var imagenes      = 9;
var tam           = 315;
var ancho_ventana = 210;

var esperamov = 60;  // espera entre movimientos 
var dir   = 1;   // cantidad de pixels que desplaza por movimiento
var pos   = 0;
var tot   = 0;   // total imagenes cargadas

function Direccion(cual) { dir=cual; }

function escribe(){
  document.write ('<div id="fuera" style="position:relative; width:'+ancho_ventana+'px; height:35px; overflow:hidden;">');
   document.write ('<span id="imas0" style="  position:absolute; width:px;height:35px; left = 0px;">');
document.write('<a href="tamano.php?id=113"><img id="imagen00" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1482P.jpg" alt="DB0386 Matte Aqua Gl" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen01" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1483P.jpg" alt="DB0671 Silk Silver L" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=153"><img id="imagen02" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1484P.jpg" alt="granate" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=134"><img id="imagen03" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1485P.jpg" alt="blanco opalino" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen04" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1486P.jpg" alt="DB1584 Matt. Op. Cho" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen05" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1487P.jpg" alt="DB0741 Matte Transp." onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen06" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1488P.jpg" alt="DB1209 Dark Aqua Sil" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=7"><img id="imagen07" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1489P.jpg" alt="beige" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
 document.write('<a href="tamano.php?id=5"><img id="imagen08" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1491P.jpg" alt="hematite matt" onmouseover="Direccion(0);" onmouseout="Direccion(1);" onload="tot++;" /></a>');
    document.write ('</span>');
   document.write ('<span id="imas1" style="position:absolute; width:px;height:35px; left = 0px;">');
document.write('<a href="tamano.php?id=113"><img id="imagen10" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1482P.jpg" alt="DB0386 Matte Aqua Gl" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen11" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1483P.jpg" alt="DB0671 Silk Silver L" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=153"><img id="imagen12" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1484P.jpg" alt="granate" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=134"><img id="imagen13" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1485P.jpg" alt="blanco opalino" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen14" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1486P.jpg" alt="DB1584 Matt. Op. Cho" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen15" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1487P.jpg" alt="DB0741 Matte Transp." onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=113"><img id="imagen16" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1488P.jpg" alt="DB1209 Dark Aqua Sil" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=7"><img id="imagen17" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1489P.jpg" alt="beige" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
 document.write('<a href="tamano.php?id=5"><img id="imagen18" width="35" height="35" src="http://www.sigela.com/graficos/productos/1/1491P.jpg" alt="hematite matt" onmouseover="Direccion(0);" onmouseout="Direccion(1);" /></a>');
    document.write ('</span>');
  document.write ('</div>');
}

function mueve(){
 pos = pos > tam*2 ? 0 : pos+dir;
 document.getElementById('imas0').style.left  = pos < tam ? pos : -2*tam+pos;
 document.getElementById('imas1').style.left  = -tam + pos; 
 setTimeout('mueve()',esperamov);
}

function inicio(){
  if( tot == imagenes )
    setTimeout('mueve()',esperamov);
  else
    setTimeout('inicio()',500);
}