var ancho = 522// especifica la anchura a mostrar
var alto = 198 // especifica la altura a mostrar (alto de las imágenes)
var velo = 40 // velocidad 
var dis = 2 //cantidad de pixels que desplaza por movimiento

var imagenes = new Array()
imagenes[0] = new Image()
imagenes[0].src = "../../img/panoramicac_arte.jpg" // ruta o nombre de imagen 

imagenes[0].a = "" // link de la imagen
//imagenes[0].target = "_blank" //target del link
imagenes[1] = new Image()
imagenes[1].src = "../../img/panoramicac_arte2.jpg"

imagenes[1].a = ""

imagenes[2] = new Image()
imagenes[2].src = "../../img/Panoramicac_arte3.jpg"

imagenes[2].a = ""

imagenes[3] = new Image()
imagenes[3].src = "../../img/Panoramicac_arte4.jpg"

imagenes[3].a = ""
//imagenes[1].target = "_self"
//imagenes[2] = new Image()
//imagenes[2].src = "otra.gif"
//imagenes[2].a = ""
//imagenes[2].target = "_blank"


var vel = velo
pasos = 4
var tot = 0
var tam =0;
var pos,pos2,tam2 =0;
function escribe(x){

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="' + imagenes[x].a + '" target="' + imagenes[x].target + '">')
		}
	document.write ('<img border="0"  src ="' + imagenes[x].src + '" id="ima' + m + '" name="ima' + m + '"  onload="tot++;">');
	if(imagenes[x].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="' + imagenes[x].a + '" target="' + imagenes[x].target + '">')
		}
	document.write ('<img border="0" src ="' + imagenes[x].src + '" id="imaa' + m + '" name="imaa' + m + '" onload="tot++;">');
	if(imagenes[x].a != ""){document.write ('</a>')}
	}
document.write ('</span>');
document.write ('</div>');

/*
x=1;
alert(x);
var OTb;

OTb = "<div id ='fuera' style='position:relative; width:' + ancho + 'px; height:' + alto + 'px;overflow:hidden'>";
OTb += "<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 != '')
	{
		OTb += "<a href='' + imagenes[x].a + '' target='' + imagenes[x].target + ''>";
	}
	OTb += "<img border='0'  src ='' + imagenes[x].src + '' id='ima' + m + '' name='ima' + m + ''  onload='tot++;'>";
	if(imagenes[x].a != '')
	{
		OTb += "</a>";
	}
}
OTb += "</span>";
OTb += "<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 != ''){
		OTb += "<a href='' + imagenes[x].a + '' target='' + imagenes[x].target + ''>";
		}
	OTb += "<img border='0' src ='' + imagenes[x].src + '' id='imaa' + m + '' name='imaa' + m + '' onload='tot++;'>";
	if(imagenes[x].a != ''){OTb += "</a>";}
	}
OTb += "</span>";
OTb += "</div>";

Foto.innerHTML = OTb;
*/
}

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;
	}
}


//-----------------------------------------------------------------------------