// Menu que aparece en un determinado lugar
/*
	Pop-it menu- By Dynamic Drive
	For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
	This credit MUST stay intact for use 
*/

/* --- COMO USAR EL SCRIPT ---
Poner este DIV en el documento dentro del BODY y con la proiedad "position" = "absolute":
	<div id="popmenu0202" class="menuskin" onMouseover="clearhidemenuV();highlightmenuV(event,'on');" onMouseout="highlightmenuV(event,'off');dynamichide(event);"></div>
	
	En el evento OnMouseOut llamar a delayhidemenuVV()
	En el evento OnMouseOver llamar a showmenuV(.....)
*/



var linkset1=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset1[1]='<table border="0"><tr><td valign="top">'
linkset1[1]+='</td><td>'
linkset1[1]+='<img src="video/novedades.gif"/>'
linkset1[1]+='</td></tr></table>'
linkset1[2]='<table border="0"><tr><td valign="top">'
linkset1[2]+='</td><td>'
linkset1[2]+='<img src="video/novedades.gif"/>'
linkset1[2]+='</td></tr></table>'
linkset1[3]='<table border="0"><tr><td valign="top">'
linkset1[3]+='</td><td>'
linkset1[3]+='<img src="video/novedades.gif"/>'
linkset1[3]+='</td></tr></table>'
linkset1[4]='<table border="0"><tr><td valign="top">'
linkset1[4]+='</td><td>'
linkset1[4]+='<img src="video/novedades.gif"/>'
linkset1[4]+='</td></tr></table>'
linkset1[5]='<table border="0"><tr><td valign="top">'
linkset1[5]+='</td><td>'
linkset1[5]+='<img src="video/novedades.gif"/>'
linkset1[5]+='</td></tr></table>'

////No need to edit beyond here

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers

//MARGENES DEL MENU
var margenLeftMenu = 86//espacio entre el boton y el menu
var margenBottomMenu = 26 //espacio entre el el borde superrior de la celda y el menu

function showmenuV(idImg, which){
/*
	idImg : ID de la imagen correspondiente al menu
	which : el menu que se muestra : linkset[num_menu]
*/

	document.getElementById("popmenu02").style.left= "0px"
	document.getElementById("popmenu02").style.top= "0px"

	if (!document.all&&!document.getElementById&&!document.layers)
		return
		
	var left_bodycuerpo = (ie4)? document.getElementById("cuerpo").offsetLeft : 0;
	var left_divtodo = document.getElementById("centrar_todo").offsetLeft
	var left_divcontendor = document.getElementById("contenedor").offsetLeft
	var left_divmenu = document.getElementById("menu01").offsetLeft
	var left_li = document.getElementById(idImg).offsetLeft

	var top_bodycuerpo = (ie4)? document.getElementById("cuerpo").offsetTop : 0;
	var top_divtodo = document.getElementById("centrar_todo").offsetTop
	var top_divcontendor = document.getElementById("contenedor").offsetTop
	var top_divmenu = document.getElementById("menu01").offsetTop
	var top_li = document.getElementById(idImg).offsetTop

	coordX =(ie4)? left_bodycuerpo + left_divtodo +  left_divmenu + left_li : left_li +1
	coordX += margenLeftMenu
	coordY =(ie4)?top_bodycuerpo + top_divtodo + top_divcontendor + top_divmenu + top_li: top_li -18
	coordY += margenBottomMenu

	clearhidemenuV()

	menuobj=document.getElementById("popmenu02");
	
	if (ie4||ns6)
	{
		menuobj.innerHTML=which
	}
	else{
		//menu1
		menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenuV()" onmouseout="hidemenuV()">'+which+'</layer>')
		menuobj.document.close()
	}

	var x=(document.defaultView && document.defaultView.getComputedStyle) ?
        document.defaultView.getComputedStyle(menuobj,'').getPropertyValue("top") :
        menuobj.currentStyle ? menuobj.currentStyle.top : "";
 	var y=(document.defaultView && document.defaultView.getComputedStyle) ?
        document.defaultView.getComputedStyle(menuobj,'').getPropertyValue("left") :
        menuobj.currentStyle ? menuobj.currentStyle.left : "";
 	x= parseInt(x);
 	y= parseInt(y);

	menuobj.style.left= (coordX + x) + "px";
	menuobj.style.top= (coordY + y) + "px";
	
	menuobj.style.visibility="visible"

	return false
}//function showmenuV

function contains_ns6(a, b) {
	//Determines if 1 element in contained in another- by Brainjar.com
	while (b.parentNode)
		if ((b = b.parentNode) == a)
			return true;
	return false;
}
	
function hidemenuV(){
	if (window.menuobj)
	{
		menuobj.style.visibility=(ie4||ns6)? "hidden" : "hide"
	}
}

function dynamichide(e){
	if (ie4 && !menuobj.contains(e.toElement))
		hidemenuV()
	else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
		hidemenuV()
}

function delayhidemenuV(){
	if (ie4||ns6||ns4)
		delayhide=setTimeout("hidemenuV()",0)
}

function clearhidemenuV(){
	if (window.delayhide)
		clearTimeout(delayhide)
}

function highlightmenuV(e,state){
	if (document.all)
		source_el=event.srcElement
	else if (document.getElementById)
		source_el=e.target
	if (source_el.className=="menuitems"){
		source_el.id=(state=="on")? "mouseoverstyle" : ""
	}
	else{
		while(source_el.id!="popmenu02"){
			source_el=document.getElementById? source_el.parentNode : source_el.parentElement
			if (source_el.className=="menuitems"){
				source_el.id=(state=="on")? "mouseoverstyle" : ""
			}
		}
	}
}

//if (ie4||ns6)
//	document.onclick=hidemenuV