// MENU DHTML
///////////////////// por javier@vrweb.cl

var speed=1 	// En milisegundos
var vel=20  	// Velocidad en pixeles

var stop=320 	// es alto
var ancho = 193
var estado = 0	
var visible = 0
var enuso = 0

// datos del fondo

var anchofondo = 149
var altofondo = 316
var servidor = "http://web.vrserver2.cl/menudhtml/"
var imagenfondo = servidor+"menu.gif"



var codigo = '<table width='+anchofondo+' height='+altofondo+' border=0><tr><td valign=top align=center><a href="javascript:movemenu()"><img src="'+servidor+'top.gif" width=140 height=11  border=0></a><br>'+

'<table width=136 cellspacing=8 cellpadding=1 border=0>'+

'<tr><td bgcolor=#001870 align=center><a href="http://www.vrweb.cl" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">VRWEB Internet</a></td></tr>'+

'<tr><td bgcolor=#1878b0 align=center><a href="http://www.antena.cl" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">Busca en la ANTENA !</a></td></tr>'+

'<tr><td bgcolor=#ffffff align=left><a href="http://www.antena.cl/index_noticias.html" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;- Noticias de Chile</a><br><a href="http://www.antena.cl/index_camaras.html" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;- Cámaras en vivo</a></td></tr>'+

'<tr><td bgcolor=#1878b0 align=center><a href="http://www.mainframe.cl/chat" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">mainframe CHAT</a></td></tr>'+

'<tr><td bgcolor=#ffffff align=left><a href="http://www.mainframe.cl/chateros/chateros.html" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Fotos Chateros</a><br><a href="http://www.mainframe.cl/foros/" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Zona de Mensajes</a><br><a href="http://www.mainframe.cl/cgi-mf/votaciones/vcenter.pl" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Zona de Votantes</a>'+

'<br><a href="http://www.antena.cl/index_postales.html" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Zona de Postales</a><br><a href="http://www.mainframe.cl/juegos/" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Zona de Juegos</a><br><a href="http://www.mainframe.cl/cgi-mf/calendario/calendar.pl" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Zona de Calendario</a>'+

'<br><a href="http://www.mainframe.cl/diccionario/" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- Zona de Modismos</a><br><a href="http://www.mainframe.cl/muralla/" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">&nbsp;&nbsp;&nbsp;- La Muralla!</a></td></tr>'+

'<tr><td bgcolor=#1878b0 align=center><a href="http://www.virtualmail.cl/" target=_top style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff; text-decoration:none;" onmouseover="arribalink(this);" onmouseout="abajolink(this);">ir a virtualmail.cl</a></td></tr> </table>'+
'<img src="'+servidor+'transp.gif" width=140 height=8 border=0><br><a href="http://www.vrweb.cl/" target=_top><img src="'+servidor+'vrweb2.gif" width=90 height=33 border=0></a></td></tr></table>'


function arribalink(exo){

 if (navigator.appName == "Microsoft Internet Explorer") {
	// exo.style.color='#ffdd55'
	exo.style.textDecoration='underline'
	}

}

function abajolink(exo){

 if (navigator.appName == "Microsoft Internet Explorer") {
	// exo.style.color='black'
	exo.style.textDecoration='none'
	}

}

function regenerate(){
	window.location.reload()
	}

function regenerate2(){
	if (document.layers)
	setTimeout("window.onresize=regenerate",400)
	}

	// solo se hace para iexplorer, netscape no saca scroll horizontal
function chequeasicambio(){

	if (document.all) {
		var derecha2 = document.body.clientWidth-ancho+6

		if (derecha != derecha2) { 

			if (document.all){
				derecha = document.body.clientWidth-ancho+6
				w = document.body.clientWidth-logo.style.pixelWidth-5
				logo.style.left=w
				mainframenu.style.left=derecha
				}
			}
		}
	}

function bringintoview(){
	if (logo.filters.alpha.opacity<=95)
		logo.filters.alpha.opacity+=5
	else {
		clearInterval(viewit)
		if (visibleduration!=0)
		setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
		}
	mainframenu.style.visibility="visible"
	}

// netscape
function createlogo(){
	staticimage=new Layer(100)
	staticimage.left=-300
	staticimage.top=120
	staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>')
	staticimage.document.close()
	staticimage.visibility="show"

	mfmenu=new Layer(1000)
	mfmenu.left=derecha
	mfmenu.top=-stop
	mfmenu.visibility="show"
	mfmenu.background.src=imagenfondo
	mfmenu.width=anchofondo
	mfmenu.height=altofondo
	mfmenu.document.write(codigo)
	mfmenu.document.close()

	regenerate2()
	staticitns()
	}


// iexplorer
function logoit(){
	var w2=document.body.scrollLeft+w
	var h2=document.body.scrollTop+h
	logo.style.left=w2
	logo.style.top=h2

	if (visible == 1) {
		eval(Menu+'='+ document.body.scrollTop) 
		yy = document.body.scrollTop
		}

	}

// netscape
function logoit2(){
	staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-20
	staticimage.top=pageYOffset+2

	if (visible == 1) {
		eval(Menu+'='+ pageYOffset) 
		yy = pageYOffset
		}
	}

// iexplorer
function insertimage(){
	logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>'
	if (fadeintoview)
		viewit=setInterval("bringintoview()",100)
		else{
			if (visibleduration!=0)
				setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
		}

	mainframenu.innerHTML=codigo
	mainframenu.style.visibility="visible"
	}



function staticitns(){
	setInterval("logoit2()",90)
	if (visibleduration!=0)
	setTimeout("staticimage.visibility='hide'",visibleduration*1000)
	}


// movimiento menu

function movemenu(){

	  if (enuso == 0) {

        if (estado == 0){
		    enuso = 1
		    visible = 0
                down()
        } 
	  else if (estado == 1){
		    enuso = 1
		    visible = 0
		    estado = 0
                up()
        }

	  }
}

function up(){

	if (document.all) {
			margeny = document.body.scrollTop
		} else if (document.layers)
			margeny = pageYOffset

        if(yy > (margeny - stop)){ 
		    yy = yy - vel
                eval(Menu+'=' + yy)
                setTimeout("up()",speed)
        }
	  else 
	  	{ 
		yy = 0-stop
		eval(Menu+'='+ yy) 
		enuso=0
		}

}

function down(){

	if (document.all) {
			margeny = document.body.scrollTop
		} else if (document.layers)
			margeny = pageYOffset

	if (estado == 0) {

		yy = margeny-stop
		eval(Menu+'='+ yy) 
		estado = 1

		}


        if(yy < (0 + margeny)){
		    yy = yy + vel
		    eval(Menu+'=' + yy)
                setTimeout("down()",speed)
        }
	  else { 
		visible = 1 
		enuso=0
		}
}

////////////////////////////////////////////////////////////////////////

if (document.all) {
        	var Menu="mainframenu.style.pixelTop"
		var yy = document.body.scrollTop - stop
		var margeny = document.body.scrollTop
		var derecha = document.body.clientWidth-ancho+6
		} 
	else if (document.layers) {
		var Menu="mfmenu.top"
		var yy = (pageYOffset - stop)
		var margeny = pageYOffset
		var derecha = window.innerWidth-ancho-10
		}

if (document.images)
	var staticlogo=new Image(32,16)

staticlogo.src=servidor+"logo.gif"
var logolink="javascript:movemenu()"
var alttext="clic acá"
var fadeintoview=0
var visibleduration=0	// segs visible, 0 siempre

var fadeset=''
if (fadeintoview)
	fadeset="filter:alpha(opacity=0)"

if (document.all) {
 	document.write('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')
 	document.write('<span id="mainframenu" STYLE="position:absolute; top:-'+stop+'; left:'+ derecha +'; z-index:1000; width:'+anchofondo+'px; height:'+altofondo+'px; background-image: url('+imagenfondo+');"></span>')
	}


// netscape
if (document.layers)
	window.onload=createlogo;

// iexplorer
if (document.all){
	w=document.body.clientWidth-logo.style.pixelWidth-5
	h=2
	logo.style.left=w
	logo.style.top=h

	mainframenu.style.left=derecha
	mainframenu.style.top=-stop
	}

if (document.all){
	window.onscroll=logoit
	window.onresize=new Function("window.location.reload()")
	window.onload=insertimage
	}

setTimeout("chequeasicambio()",3500)

////////////////////////////////////////////////////////////////////////