//aqui se configura la ruta de los gráficos de izda y derecha
var goleftimage='/images/scrollLeft1.gif'
var gorightimage='/images/scrollRight1.gif'

//aqui se configura la longitud en pixels del menu
var menuwidth=775

//aqui se configura la longitud de desplazamiento
//de 1-10 (10 mas rapido)
var scrollspeed=8

var numeroImagenes=8
var imagenes=new Array(numeroImagenes)
for (i=0;i<numeroImagenes;i++) {
	imagenes[i]='onClick="afoto('
	imagenes[i] += "'/images/maxi" +(i+1)+ ".jpg'"
	imagenes[i] += ')"' }

//aqui se especifican los links del menú
var menucontents='<nobr><a href="#" ' +imagenes[0]+ '><img id="im" border="0" src="/images/mini1.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[1]+ '><img id="im" border="0" src="/images/mini2.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[2]+ '><img id="im" border="0" src="/images/mini3.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[3]+ '><img id="im" border="0" src="/images/mini4.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[4]+ '><img id="im" border="0" src="/images/mini5.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[5]+ '><img id="im" border="0" src="/images/mini6.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[6]+ '><img id="im" border="0" src="/images/mini7.jpg" onmouseover="high(this)" onmouseout="low(this)"></a><a href="#" ' +imagenes[7]+ '><img id="im" border="0" src="/images/mini8.jpg" onmouseover="high(this)" onmouseout="low(this)"></a></nobr>'


////A PARTIR DE ESTA LINEA NO HAY NADA CONFIGURABLE////////////

var actualwidth=''
var ns_scroll
function fillup(){
	if (document.all){
		test2.innerHTML=menucontents
		actualwidth=test2.offsetWidth
	}
	else if (document.layers){
		ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
		ns_scroll.document.write(menucontents)
		ns_scroll.document.close()
		actualwidth=ns_scroll.document.width
	}
}
window.onload=fillup

function moveleft(){
	if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
		test2.style.pixelLeft-=scrollspeed
	else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
		ns_scroll.left-=scrollspeed
		lefttime=setTimeout("moveleft()",50)
	}

function moveright(){
	if (document.all&&test2.style.pixelLeft<0)
		test2.style.pixelLeft+=scrollspeed
	else if (document.layers&&ns_scroll.left<0)
		ns_scroll.left+=scrollspeed
		righttime=setTimeout("moveright()",50)
	}

function sobre(cual) {
	if (cual=="i") {
		document.images["izquierda"].src='/images/scrollLeft1_roll.gif';
		moveleft(); }
	else {
		document.images["derecha"].src='/images/scrollRight1_roll.gif';
		moveright(); } }
	
function fuera(cual) {
	if (cual=="i") {
		document.images["izquierda"].src='/images/scrollLeft1.gif';
		clearTimeout(lefttime); }
	else {
		document.images["derecha"].src='/images/scrollRight1.gif';
		clearTimeout(righttime); } }
	
if (document.all||document.layers){
	with (document){
		izquierdo='i';
		derecho='d';
		write('<table border="0" cellspacing="0" cellpadding="0"><tr>')
		write('<td valign="top">')
		if (document.all){
			write('<span style="position:relative;width:'+menuwidth+';">')
			write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')
			write('<span id="test2" style="position:absolute;left:0;top:0">')
			write('</span></span></span>')
		}
		else if (document.layers){
			write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
			write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
		}
		write("</td>")
		write('<td valign="middle"><a onMouseover="sobre(izquierdo);" onMouseout="fuera(izquierdo);"><img name="izquierda" src="'+goleftimage+'" border=0></a><br><br>')
		write('<a onMouseover="sobre(derecha);" onMouseout="fuera(derecha);">')
		write('<img name="derecha" src="'+gorightimage+'" border=0></a></td>')

		write('</tr></table>')
	}
}