var currentItem = "";
var currentSubItem="";
var currentSubSubItem="";
var currentParent="";
var startAction = false;
var coordinates = new Object();
var onMenu = false;
var onButton = false;

function hideMenu(menuName) {
	document.getElementById('backdrop').style.visibility = "hidden";
	document.getElementById(menuName).style.visibility="hidden";
	hideSubMenu(currentSubItem);
	hideSubMenu(currentSubSubItem);  	
}

function hideSubMenu(menuName) {
    if( menuName != "" )
    {
	    document.getElementById(menuName).style.visibility="hidden";
	    document.getElementById(menuName).style.display="none";  
	} 	
}

function showMenu(menuName) {
  	if(startAction)
	{
        rollbackFirstLevelMenu(currentParent);
	    document.getElementById('backdrop').style.visibility = "visible";
	    document.getElementById(menuName).style.visibility="visible";
        currentItem = menuName;	  
	}
}

function showSubMenu(menuName, parentName) {

	var menu = document.getElementById(menuName);	
    var parentmenu = document.getElementById(parentName);	
	currentParent = parentName;
	        
    if(menu != null )
    {
  		var y = getPageOffsetTop(parentmenu);				
		menu.style.left = 171 + "px";
	    menu.style.top = (y-120) + "px";
	    
	    document.getElementById('backdrop').style.visibility = "visible";
	    menu.style.visibility="visible";
	    menu.style.display="block";
	    currentSubItem = menuName;
	}
}

function showSubSubMenu(menuName, parentName) {

	var menu = document.getElementById(menuName);	
    var parentmenu = document.getElementById(parentName);	
	        
    if(menu != null )
    {
        var x = getPageOffsetLeft(parentmenu, true);
	    var y = getPageOffsetTop(parentmenu, true);

	    menu.style.top = parentmenu.offsetTop + "px";
	    menu.style.left = (parentmenu.offsetLeft + 177) + "px";
	    
	    document.getElementById('backdrop').style.visibility = "visible";
	    menu.style.visibility="visible";
	    menu.style.display="block";
	    currentSubSubItem = menuName;
	}
}

function rolloverFirstLevelMenu(parentName){
    var menu = document.getElementById(parentName);
    if( menu != null )
    {
        menu.style.backgroundColor = "white";
	}
}

function rollbackFirstLevelMenu(parentName){
    var menu = document.getElementById(parentName);
    if( menu != null )
    {
        menu.style.backgroundColor = "";
	}
}


/* set positions for all browsers */
//function thisDetails() {
//	
//		get_element('backdrop').style.left = parseInt(coordinates.x)+0+"px"; 
//	    get_element('backdrop').style.top = parseInt(coordinates.y)+0+"px";  

//		get_element('dropdown_aboutMPW').style.left = parseInt(coordinates.x)+135+"px";
//	    get_element('dropdown_aboutMPW').style.top = parseInt(coordinates.y)+111+"px";
//		
//		get_element('dropdown_solution').style.left = parseInt(coordinates.x)+203+"px";
//	    get_element('dropdown_solution').style.top = parseInt(coordinates.y)+111+"px";
//		
//		get_element('dropdown_lifeStages').style.left = parseInt(coordinates.x)+265+"px";
//	    get_element('dropdown_lifeStages').style.top = parseInt(coordinates.y)+111+"px";
//		
//		get_element('dropdown_products').style.left = parseInt(coordinates.x)+331+"px";
//	    get_element('dropdown_products').style.top = parseInt(coordinates.y)+111+"px";
//		
//				get_element('subProducts').style.left = 114+"px"; 
//				get_element('subProducts').style.top = 20+"px";
//				/*
//				    get_element('subProducts_2').style.left = 129+"px"; 
//				    get_element('subProducts_2').style.top = 0+"px";
//				    
//				        get_element('subProducts_3').style.left = 129+"px"; 
//				        get_element('subProducts_3').style.top = 0+"px";
//				*/
//				
//				get_element('subServices').style.left = 114+"px"; 
//				get_element('subServices').style.top = 43+"px";
//				 /*   
//				    get_element('subServices_2').style.left = 129+"px"; 
//				    get_element('subServices_2').style.top = 0+"px";
//				
//				        get_element('subServices_3').style.left = 129+"px"; 
//				        get_element('subServices_3').style.top = 0+"px";
//		*/
//		get_element('dropdown_gettingStart').style.left = parseInt(coordinates.x)+446+"px";
//	    get_element('dropdown_gettingStart').style.top = parseInt(coordinates.y)+111+"px";  
//		/*
//		get_element('dropdown_knowledge').style.left = parseInt(coordinates.x)+483+"px"; 
//	    get_element('dropdown_knowledge').style.top = parseInt(coordinates.y)+94+"px"; 
//	            
//	            get_element('subKnowledgeCenter').style.left = 131+"px"; 
//				get_element('subKnowledgeCenter').style.top = 15+"px";
//				
//				get_element('videoSeminars').style.left = 131+"px"; 
//				get_element('videoSeminars').style.top = 38+"px";	
//        */
//}

//function getAnchorPosition(anchorname) {
//	// This function will return an Object with x and y properties
//	var useWindow=false;
//	var x=0,y=0;
//	// Browser capability sniffing
//	var use_gebi=false, use_css=false, use_layers=false;
//	if (document.getElementById) { use_gebi=true; }
//	else if (document.all) { use_css=true; }
//	else if (document.layers) { use_layers=true; }
//	// Logic to find position
// 	if (use_gebi && document.all) {
//		x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
//		y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
//		}
//	else if (use_gebi) {
//		var o=document.getElementById(anchorname);
//		x=AnchorPosition_getPageOffsetLeft(o);
//		y=AnchorPosition_getPageOffsetTop(o);
//		}
// 	else if (use_css) {
//		x=AnchorPosition_getPageOffsetLeft(document.all[anchorname]);
//		y=AnchorPosition_getPageOffsetTop(document.all[anchorname]);
//		}
//	else if (use_layers) {
//		var found=0;
//		for (var i=0; i<document.anchors.length; i++) {
//			if (document.anchors[i].name==anchorname) { found=1; break; }
//			}
//		if (found==0) {
//			coordinates.x=0; coordinates.y=0; return coordinates;
//			}
//		x=document.anchors[i].x;
//		y=document.anchors[i].y;
//		}
//	else {
//		coordinates.x=0; coordinates.y=0; return coordinates;
//		}
//	coordinates.x=x;
//	coordinates.y=y;
//    thisDetails();
//    startAction = true;
//	return coordinates;
//}

//// Functions for IE to get position of an object
//function AnchorPosition_getPageOffsetLeft (el){
//	var ol=el.offsetLeft;
//	while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
//	return ol;
//}
//function AnchorPosition_getWindowOffsetLeft (el) {
//	return AnchorPosition_getPageOffsetLeft(el)-document.body.scrollLeft;
//}	
//function AnchorPosition_getPageOffsetTop (el) {
//	var ot=el.offsetTop;
//	while((el=el.offsetParent) != null) { ot += el.offsetTop; }
//	return ot;
//}
//function AnchorPosition_getWindowOffsetTop (el) {
//	return AnchorPosition_getPageOffsetTop(el)-document.body.scrollTop;
//}

//get_element = document.all ?
//	function (s_id) { return document.all[s_id] } :
//	function (s_id) { return document.getElementById(s_id) };

//window.onresize = function(){getAnchorPosition("setPoint");}

//function getHeight(name) {    
//    var tmpElem = get_element(name);
//    if(tmpElem.currentStyle) return tmpElem.offsetHeight;       
//    else return parseInt(document.defaultView.getComputedStyle(tmpElem, "").getPropertyValue("height"));                
//       
//}