// JavaScript Document
var chapter;
var layerName;
var ID;
//class Menu
function Menu (num1, num2)	{	//constructor
	this.numLayer1 = num1;
	this.numLayer2 = num2;
	//methods 
  	this.hideAll = hideAll;
	this.hide = hide;
	this.hideLayer = hideLayer;
	this.setX = setX;
	this.doMenu = doMenu;
}

function DivSetVisible(divid,divshimid,state)  {
   var DivRef = document.getElementById(divid);
   var IfrRef = document.getElementById(divshimid);
   if(state)   {
    DivRef.style.display = "block";
    IfrRef.style.width = DivRef.offsetWidth;
    IfrRef.style.height = DivRef.offsetHeight;
    IfrRef.style.top = DivRef.style.top;
    IfrRef.style.left = DivRef.style.left;
    IfrRef.style.zIndex = DivRef.style.zIndex - 1;
    IfrRef.style.display = "block";
   }   else   {
    DivRef.style.display = "none";
    IfrRef.style.display = "none";
   }
}


/***************************************************************
/* doMenu lama muestra el Layer con el siguiente nivel
/* corectorX, corectorY: los correctores admiten corregir la posicion del layer
/* i: el nummero de item
/* level: que nivel
**********************************************************/
function doMenu(corectorX, corectorY, i, level)	{
	
	if (level == 1)	{
		var idName = "item" + i;
		var layerName = "Layer" + i;
	}
	if (level == 2)	{
		var idName = "subItem" + i;
		var layerName = "ThirdLevelLayer" + i;
	}

	this.setX(corectorX, corectorY, idName, layerName);
	this.hideAll(i, level);
	if (level == 1)
		this.hideAll(-1, -1);
	
 if (i==3) DivSetVisible('Layer3','DivShim0',true);
 if (i==4) DivSetVisible('Layer4','DivShim0',true);
}

function setX(distanceX, distanceY, anchorName, thisLayerName)	{
		clearTimeout(ID);
		chapter=anchorName;
		layerName=thisLayerName;
		
		var y =getAnchorPosition(anchorName)-1+distanceY;
		var x =getAnchorXPosition(anchorName)+distanceX;
		
		if (document.all)	{
			if (document.getElementById(layerName) != null)	{
			document.getElementById(layerName).style.pixelTop=y+25;
			document.getElementById(layerName).style.posLeft=x+2;
			}
		}
		else if (document.getElementById)	{
			if (document.getElementById(layerName) != null)	{
			document.getElementById(layerName).style.top=y+11;
			document.getElementById(layerName).style.left=x;
			}
		}	
}

function hideLayer()	{
	ID=setTimeout("this.hide()", 500);
}
function hideSelect(name, flag)	{
	if (flag)
		document.getElementById(name).style.visibility = "hidden";
	else
		document.getElementById(name).style.visibility = "visible";
}
function hide()	{
		this.hideAll(-1, 1);
		this.hideAll(-1, 2);		
}

function hideAll(num, menuLevel)	{
	if (menuLevel==1)	{
	DivSetVisible('Layer3','DivShim0',false);
		var numLayers = this.numLayer1;
		var y =-800;
		var x =-800;
			for (var i=1; i<numLayers; i++)	{
				if (num==i)	{ newlayerName="Layer";	}
				else	{ 
				newlayerName="Layer"+i;
					if (document.all)	{
						if (document.getElementById(newlayerName) != null)	{
							document.getElementById(newlayerName).style.pixelTop=y;
							document.getElementById(newlayerName).style.posLeft=x;
						}
					}
					else if (document.getElementById)	{
						if (document.getElementById(newlayerName) != null)	{
							document.getElementById(newlayerName).style.top=y;
							document.getElementById(newlayerName).style.left=x;
						}
					}
				}
			}
	}
	
}