var vel = velo
pasos = 1
var tot = 0
var tam =0;
var pos,pos2,tam2 =0;

function scrollImagenes(){
	document.write ('<div id ="fuera" style="position:relative; width:' + ancho + 'px; height:' + alto + 'px;overflow:hidden">');
	
	document.write ('<span id="imas" style="position:absolute; width:' + tam + 'px;height:' + alto + 'px; left = -' + tam + 'px;"  onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');

	document.write("<table border=0><tr>");
	for (m=0;m<imagenes.length;m++) {
		document.write("<td class='txt_descripcion' align='center' width='1%' valign='bottom'>");
		
		document.write("<table width='1%' border=0 class='txt_descripcion'>");
		document.write("	<tr>");
		document.write("		<td align='center' height='100px' width='1%' valign='bottom'>");
		
		if(imagenes[m].a != "") document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">');
		document.write ('<img border="0"  src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
		if(imagenes[m].a != "") document.write ('</a>');
		document.write("<br>");
		document.write(imagenes[m].nombre);	

		document.write("		</td>");
		document.write("	</tr>");

		m+=1;
		if (m<imagenes.length) {
			document.write("<tr><td>&nbsp;</td></tr>");
			document.write("	<tr>");
			document.write("		<td align='center' height='100px' width='1%' valign='bottom'>");
			
			if(imagenes[m].a != "") document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">');
			document.write ('<img border="0"  src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
			if(imagenes[m].a != "") document.write ('</a>');
			document.write("<br>");
			document.write(imagenes[m].nombre);	
	
			document.write("		</td>");
			document.write("	</tr>");
		}

		document.write("</table>");
		
		document.write("</td>");
	}
	document.write("</tr></table>");
	document.write ('</span>');

	document.write ('<span id="imas2" style="position:absolute; width:' + tam + 'px;height:' + alto + ';left=0;"  onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
	document.write("<table border=0><tr>");
	for (m=0;m<imagenes.length;m++) {
		document.write("<td class='txt_descripcion' align='center' width='1%' valign='bottom'>");		

		document.write("<table width='1%' border=0 class='txt_descripcion'>");
		document.write("	<tr>");
		document.write("		<td align='center' height='100px' width='1%' valign='bottom'>");

		if(imagenes[m].a != "") document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">');
		document.write ('<img border="0" src ="' + imagenes[m].src + '" id="imaa' + m + '" name="imaa' + m + '" onload="tot++;">');
		if(imagenes[m].a != "") document.write ('</a>')
		document.write("<br>");
		document.write(imagenes[m].nombre);

		document.write("		</td>");
		document.write("	</tr>");

		m+=1;
		if (m<imagenes.length) {
			document.write("<tr><td>&nbsp;</td></tr>");
			document.write("	<tr>");
			document.write("		<td align='center' height='100px' width='1%' valign='bottom'>");
			
			if(imagenes[m].a != "") document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">');
			document.write ('<img border="0"  src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
			if(imagenes[m].a != "") document.write ('</a>');
			document.write("<br>");
			document.write(imagenes[m].nombre);	
	
			document.write("		</td>");
			document.write("	</tr>");
		}

		document.write("</table>");
		
		document.write("</td>");
	}
	document.write("</tr></table>");
	document.write ('</span>');

	document.write ('</div>');
}
var detienee = 0,posb,pos2b;



function mueve(){
	pos = document.getElementById('imas').style.left;
	pos2 = document.getElementById('imas2').style.left;
	pos = pos.replace(/px/,"");
	pos = pos.replace(/pt/,"");
	pos = new Number(pos);
	pos2 = pos2.replace(/px/,"");
	pos2 = pos2.replace(/pt/,"");
	pos2 = new Number(pos2);
	
	if(detienee == 1) {
		posb = pos;
		pos2b = pos2;
	}
	
	if(atras == true) {
		pos-=dis;
		pos2 -=dis;
	} else {
		pos += dis;
		pos2 += dis;
	}
	
	if(pos2 > (ancho + dis)) {
		if(detienee == 0) {
			document.getElementById('imas2').style.left = pos  - (tam + dis);
			pos2 = document.getElementById('imas2').style.left;
		} else {
			document.getElementById('imas').style.left = pos 
		}
	} else {
		document.getElementById('imas').style.left = pos 
	}

	if(pos > (ancho + dis)) {
		if(detienee == 0) {
			document.getElementById('imas').style.left = pos2 - (tam + dis);
			pos = document.getElementById('imas').style.left;
		} else {
			document.getElementById('imas2').style.left = pos2;
		}
	} else {
		document.getElementById('imas2').style.left = pos2
	}
	
	if(detienee > 0) {
		if(detienee == pasos){
			vel = velo;
			atras = true;
			detienee--;
			tiempo = setTimeout('mueve()',vel);
		} else {
			if(atras == true) {
				if(detienee>(pasos/2)) {
					detienee--
				} else {
					vel = velo;
					clearTimeout(tiempo)
				}
			} else {
				detienee++
			}
			
			if(detienee > (pasos/2) && atras == false){vel +=10}
			if(detienee < (pasos/2)){vel +=10}
			tiempo = setTimeout('mueve()',vel)
		}
	} else {
		tiempo = setTimeout('mueve()',vel)
	}
	
	if(atras == true) {
		if (pos == posb) {
			clearTimeout(tiempo);
			atras = false;
		}
	}
}

var tiempo;
var atras = false, ini;



function inicio2(){
if (tot == (imagenes.length * 2)) {
	clearTimeout(ini);reDimCapas();mueve()
} else {
	ini=setTimeout('inicio2()',500)}
}



function reDimCapas(){
for(m=0;m<imagenes.length;m++) {
	tam +=document.getElementById('ima'+m).width+10
	document.getElementById('imas').style.left = (-tam +10);
	document.getElementById('imas').style.width = tam ;
	document.getElementById('imas2').style.width = tam;
	}
}