var ancho = 508  // especifica la anchura a mostrar
var alto = 48 // especifica la altura a mostrar (alto de las imágenes)
var velo = 75 // velocidad 
var dis = 1 //cantidad de pixels que desplaza por movimiento
		
var imagenes = new Array()
			
imagenes[0] = new Image()
imagenes[0].src = "imagenes/carrusel/1.jpg" // ruta o nombre de imagen 
imagenes[0].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/1.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[0].target = "" //target del link
imagenes[1] = new Image()
imagenes[1].src = "imagenes/carrusel/2.jpg"
imagenes[1].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/2.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[1].target = ""
imagenes[2] = new Image()
imagenes[2].src = "imagenes/carrusel/3.jpg"
imagenes[2].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/3.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[2].target = ""
imagenes[3] = new Image()
imagenes[3].src = "imagenes/carrusel/4.jpg"
imagenes[3].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/4.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[3].target = ""
imagenes[4] = new Image()
imagenes[4].src = "imagenes/carrusel/5.jpg"
imagenes[4].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/5.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[4].target = ""
imagenes[5] = new Image() 
imagenes[5].src = "imagenes/carrusel/6.jpg"
imagenes[5].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/6.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[5].target = ""
imagenes[6] = new Image()
imagenes[6].src = "imagenes/carrusel/7.jpg"
imagenes[6].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/7.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[6].target = ""
imagenes[7] = new Image()
imagenes[7].src = "imagenes/carrusel/8.jpg"
imagenes[7].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/8.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[7].target = ""
imagenes[8] = new Image()
imagenes[8].src = "imagenes/carrusel/9.jpg"
imagenes[8].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/9.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[8].target = ""
imagenes[9] = new Image()
imagenes[9].src = "imagenes/carrusel/10.jpg"
imagenes[9].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/10.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[9].target = ""
imagenes[10] = new Image()
imagenes[10].src = "imagenes/carrusel/11.jpg"
imagenes[10].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/11.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[10].target = ""
imagenes[11] = new Image()
imagenes[11].src = "imagenes/carrusel/12.jpg"
imagenes[11].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/12.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[11].target = ""
imagenes[12] = new Image()
imagenes[12].src = "imagenes/carrusel/13.jpg"
imagenes[12].a = "MM_openBrWindow('imagen.asp?cImg=imagenes/carrusel/grandes/13.jpg','IMAGENES','scrollbars=no,width=50,height=50,resizable=no,top=0,left=0')"
imagenes[12].target = ""
		
var vel = velo
pasos = 4
var tot = 0
var tam =0;
var pos,pos2,tam2 =0;
		
function escribe(){
	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()">');
	
	for (m=0;m<imagenes.length;m++){
		if(imagenes[m].a != ""){
			document.write('<a href="javascript:' + 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 ('</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()">');
	for (m=0;m<imagenes.length;m++){
		if(imagenes[m].a != ""){
			document.write('<a href="javascript:' + 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 ('</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 < (-tam - 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 < (-tam + 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 inicio(){
	if(tot == (imagenes.length * 2)){clearTimeout(ini);reDimCapas();mueve()}
	else{ini=setTimeout('inicio()',500)}
}
			
function reDimCapas(){
	for(m=0;m<imagenes.length;m++){
		tam +=document.getElementById('ima'+m).width
		document.getElementById('imas').style.left = tam;
		document.getElementById('imas').style.width = tam;
		document.getElementById('imas2').style.width = tam;
	}
}