var imagenes = new Array();
var ancho = 500  // especifica la anchura a mostrar
var alto = 100 // especifica la altura a mostrar (alto de las imágenes)
var velo = 20 // velocidad
var dis = 2 //cantidad de pixels que desplaza por movimiento
var posTop=0;
var posLeft=0;

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

function escribe(){
if (imagenes.length>5){
	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 = 0px;">');

	for (m=0;m<imagenes.length;m++){
		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 + '" alt="'+ imagenes[m].alt+'">');
		document.write('<img src="img/trans.gif" width="10px" height="62px" border="0">');
		tot++;
		if(imagenes[m].a != ""){document.write ('</a>')}
		}
	document.write ('</span>');
	document.write ('<span color="red" id="imas2" style="position:absolute; width:' + tam + 'px;height:' + alto + ';left=0;">');
	for (m=0;m<imagenes.length;m++){
		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 + '" alt="'+ imagenes[m].alt+'">');
		document.write('<img src="img/trans.gif" width="10px" height="62px"  border="0">');
		tot++;
		if(imagenes[m].a != ""){document.write ('</a>')}
		}
	document.write ('</span>');
	document.write ('</div>');
} else {
	for (m=0;m<imagenes.length;m++){
		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 + '" alt="'+ imagenes[m].alt+'">');
		document.write('<img src="img/trans.gif" width="10px" height="62px"  border="0">');
		if(imagenes[m].a != ""){document.write ('</a>')}
	}
}
}

var detienee = 0,posb,pos2b;

function mueve(){
	pos = document.getElementById('imas').style.left;
	pos2 = document.getElementById('imas2').style.left;
	pos2=pos2;
	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)){
	//va hacia la derecha y hay que recolocar imas2
		if(detienee == 0){
			document.getElementById('imas2').style.left = pos  - (tam + dis);
			pos2 = document.getElementById('imas2').style.left;
		}
	} if ((parseInt(pos2)+parseInt(document.getElementById('imas2').style.width.replace(/px/,"")) < (ancho + dis)) ) {
		//va a la izquierda y hay que recolocar imas
		if(detienee == 0){
			document.getElementById('imas').style.left = ((parseInt(pos2)+parseInt(document.getElementById('imas2').style.width.replace(/px/,""))) + "px");
		}
	}else{
		document.getElementById('imas').style.left = pos
	}

	if(pos > (ancho + dis)){
	//va hacia la izquierda
		if(detienee == 0){
			document.getElementById('imas').style.left = pos2 - (tam + dis);
			pos = document.getElementById('imas').style.left;
		}
	} if ((parseInt(pos)+parseInt(document.getElementById('imas').style.width.replace(/px/,"")) < (ancho + dis)) ) {
		//va hacia la izquierda y hay que recolocar imas2
		if(detienee == 0){
			document.getElementById('imas2').style.left = ((parseInt(pos)+parseInt(document.getElementById('imas').style.width.replace(/px/,""))) + "px");
		}
	}else{
		document.getElementById('imas2').style.left = pos2
	}

	if(detienee > 0){
		vel = velo;
					clearTimeout(tiempo)
		}else{
			tiempo = setTimeout('mueve()',vel)
		}
		if(atras == true){
			if (pos == posb){
				clearTimeout(tiempo);
				atras = false;
			}
		}
}

function mueve_inicio(){
	pos = document.getElementById('imas').style.left;
	pos2 = document.getElementById('imas2').style.left;
//alert("mueve inicio")
	//alert("pos:"+pos+"  width:"+document.getElementById('imas').style.width)
//alert("pos2:"+pos2+"  width:"+document.getElementById('imas2').style.width)
	pos2=pos2;
	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--;
		}else{
			if(atras == true){
				if(detienee>(pasos/2))
					{detienee--}
				else{
					vel = velo;
				}
			}else{
				detienee++
			}
			if(detienee > (pasos/2) && atras == false){vel +=10}
			if(detienee < (pasos/2)){vel +=10}
		}
	}
	if(atras == true){
		if (pos == posb){
			atras = false;
		}
	}
}

var tiempo;
var atras = false, ini;
function inicio_galeria(){
	if (imagenes.length>5){
		if(tot == (imagenes.length * 2)){
			//clearTimeout(ini);
			reDimCapas();
			//mueve()}
			mueve_inicio()}
		else{
			//ini=setTimeout('mueve_inicio()',900)
		}
	}
}

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