<!--

data=new Array()
data[0]=new Array("./modulos/imagenes/imagen1.jpg","./modulos/imagenes/imagen1.jpg")
data[1]=new Array("./modulos/imagenes/imagen2.jpg","./modulos/imagenes/imagen2.jpg")
data[2]=new Array("./modulos/imagenes/imagen3.jpg","./modulos/imagenes/imagen3.jpg")
data[3]=new Array("./modulos/imagenes/imagen4.jpg","./modulos/imagenes/imagen4.jpg")
data[4]=new Array("./modulos/imagenes/imagen5.jpg","./modulos/imagenes/imagen5.jpg")
data[5]=new Array("./modulos/imagenes/imagen6.jpg","./modulos/imagenes/imagen6.jpg")


img_places=5 // number of image places in the display area
img_size=50 // size of the images, width and height are the same
img_spacer=1 // space between the images

scroll_all_images=1
// 0 = first_img_num to the last_img_num
// 1 = scroll through all images in the array

// if scroll_all_images is set at zero the following two lines define a set of images
first_img_num=1 // starting image number, 1 to number of images in the array 
last_img_num=5 // ending image number

display_border=3 //
border_type="ridge" //
border_colour="#C000C0" //
display_bgcol="#cfc8a6" // add colour to the space between the images

display_top=5 // top position must be stated
display_center=0 // 0 = no 1 = yes, if set at zero then display_left is used
display_left=270 // left position is over-ridden if display_center is set at 1

speed=1 // rate the images move
// ********** End Of User Defining Area **********
// ********** Editing beyond this line is not required **********

first_img_num-- // adjust for javascript count 
last_img_num-- // adjust for javascript count 
if(first_img_num== -1){ // check for javascript count 
first_img_num=0
}
if(last_img_num>data.length-1){
last_img_num=data.length-1
}
display_width=(img_places*img_size)+(img_places*img_spacer)
initpos=new Array()
nowdivpos=new Array()
next_right=""
nextpic=first_img_num
run_rate=10

function init(){
if(scroll_all_images==1){
nextpic=0
}
document.write("<div id=\"display\" style=\"position:absolute; left:"+display_left+"; top:"+display_top+"; width:"+(display_width+display_border*2)+"px; height:"+(img_size+display_border*2)+"px; border:"+display_border+"px "+border_type+" "+border_colour+";background-color:"+display_bgcol+"\">")

if(display_center==1){
document.getElementById("display").style.left=(document.body.clientWidth/2)-(document.getElementById("display").offsetWidth/2)
}

document.write("<div  id=\"center_div\" style=\"position:absolute; left:0; top:0; width:"+display_width+"px; height:"+img_size+"px; clip:rect(0,"+display_width+","+img_size+",0)\" onmouseover=\"stopme()\" onmouseout=\"move_right()\">")

for(i=0;i<img_places+1;i++){
document.write("<div id=\"div_"+[i]+"\" style=\"position:absolute\">")
document.write("<a id=\"loc"+[i]+"\" href=\"\" onclick=\"newwin(this.location);return false\"><img src=\"\" id=\"pic_"+[i]+"\" width="+img_size+" height="+img_size+" alt=\"Fotos Taller del minusvÃ¡lido\" border=\"0\" /></a></div>")
}
document.write("</div>")
document.write("</div>")
el_center=document.getElementById("center_div")
elpos=-document.getElementById("pic_0").width//parseInt(el_center.style.width)-document.getElementById("pic_0").width

for(i=0;i<img_places+1;i++){
elpos+=(document.getElementById("pic_0").width)+img_spacer
initpos[i]=elpos
document.getElementById("div_"+[i]).style.left=initpos[i]

if(scroll_all_images==0&&nextpic>last_img_num){
nextpic=first_img_num
document.getElementById("loc"+[i]).location=data[nextpic][1]
document.getElementById("pic_"+[i]).src=data[nextpic++][0]
}
else{
document.getElementById("loc"+[i]).location=data[nextpic][1]
document.getElementById("pic_"+[i]).src=data[nextpic++][0]
}

}

move_right()
}

function move_right(){
for(i=0;i<img_places+1;i++){
nowdivpos[i]=parseInt(document.getElementById("div_"+i).style.left)
nowdivpos[i]-=speed

if(nowdivpos[i]<= -document.getElementById("pic_0").width){

document.getElementById("div_"+[i]).style.left=parseInt(el_center.style.width)+img_spacer

if(scroll_all_images==0&&nextpic>last_img_num){
nextpic=first_img_num
document.getElementById("loc"+[i]).location=data[nextpic][1]
document.getElementById("pic_"+[i]).src=data[nextpic++][0]
}
else{
if(nextpic>data.length-1){
nextpic=0
}
document.getElementById("loc"+[i]).location=data[nextpic][1]
document.getElementById("pic_"+[i]).src=data[nextpic++][0]
}

}
else{
document.getElementById("div_"+[i]).style.left=nowdivpos[i]
}

}
next_right=setTimeout("move_right()",run_rate)

}

function stopme(){
clearTimeout(next_right)
}

function newwin(loc){
if(loc==""){return}
//window.open(loc)
window.open(loc,'','left=10,top=10,width=640,height=480') // use for specific size and positioned window
}
