var MyMenu = {
	display : document.all ? 'inline' : 'table-row', 
	ActiveSubMenu : '',
	ActiveSubSubMenu : '', 
	HideSubCounter : 0, 
	HideSubSubCounter : 0, 
	pos_top : null, 
	pos_left : null, 
	active_marked : '', 
	
	//for oncklick
	SubMenuActive : function(menuid)
	{
                MyMenu.pos_top = document.getElementById("button_"+menuid).offsetTop+document.getElementById("button_"+menuid).offsetHeight-4;
		MyMenu.pos_left = document.getElementById("button_"+menuid).offsetLeft-5;
		
		MyMenu.MenuActive(menuid, MyMenu.pos_left, MyMenu.pos_top, true);
		MyMenu.ActiveSubMenu = menuid;
	},
	
	//for onclick as onmouseover
	ChangeSubMenu : function (menuid) {
		if(MyMenu.ActiveSubMenu != '') {
			if(MyMenu.ActiveSubSubMenu != '') {
				window.clearTimeout(MyMenu.HideSubSubCounter);
				MyMenu.HideSubSubMenu();
			}
			window.clearTimeout(MyMenu.HideSubCounter);
			MyMenu.HideSubMenu();
			MyMenu.SubMenuActive(menuid);
		}
	},
	
	//for over effect
	SubMenuActiveOver : function(menuid)
	{
		if(MyMenu.ActiveSubMenu != '') {
			if(MyMenu.ActiveSubSubMenu != '') {
				window.clearTimeout(MyMenu.HideSubSubCounter);
				MyMenu.HideSubSubMenu();
			}
			window.clearTimeout(MyMenu.HideSubCounter);
			MyMenu.HideSubMenu();
			
		}
		
		MyMenu.pos_top = document.getElementById("button_"+menuid).offsetTop+document.getElementById("button_"+menuid).offsetHeight-4;
		MyMenu.pos_left = document.getElementById("button_"+menuid).offsetLeft-5;
		
		MyMenu.MenuActive(menuid, MyMenu.pos_left, MyMenu.pos_top, true);
		MyMenu.ActiveSubMenu = menuid;
	}, 
	
	SubSubMenuOpen : function(menuid, subid)
	{
		if(MyMenu.ActiveSubSubMenu!='') {
			document.getElementById("menu_"+menuid+"_"+MyMenu.ActiveSubSubMenu).style.display = 'none';
		}
		
		MyMenu.pos_top = document.getElementById("menu_"+menuid).offsetTop + document.getElementById("button_"+menuid+"_"+subid).offsetTop-1;
		MyMenu.pos_left = document.getElementById("menu_"+menuid).offsetLeft+document.getElementById("menu_"+menuid).offsetWidth;
		MyMenu.MenuActive(menuid+"_"+subid, MyMenu.pos_left, MyMenu.pos_top, false);
		
		MyMenu.ActiveSubMenu = menuid;
		MyMenu.ActiveSubSubMenu = subid;
	}, 
	
	MenuActive : function(menuid, posX, posY, add) {
		if(add === true){
			posY = posY+3;
		}
		
		document.getElementById("menu_"+menuid).style.top = posY+'px';
		document.getElementById("menu_"+menuid).style.left = posX+'px';
		document.getElementById("menu_"+menuid).style.position = 'absolute';
		document.getElementById("menu_"+menuid).style.display = MyMenu.display;
		
	}, 
	
	
	
	SubMenuInactive : function () {
		if(MyMenu.ActiveSubMenu != '') {
			MyMenu.HideSubCounter = window.setTimeout("MyMenu.HideSubMenu()", 1200);
		}
	}, 
	
	SubSubMenuInactive : function () {
		if(MyMenu.ActiveSubSubMenu != '') {
			MyMenu.HideSubSubCounter = window.setTimeout("MyMenu.HideSubSubMenu()", 1200);
			MyMenu.HideSubCounter = window.setTimeout("MyMenu.HideSubMenu()", 1200);
		}
	}, 
	
	HideSubMenu : function () {
		MyMenu.HideSubSubMenu();
		document.getElementById("menu_"+MyMenu.ActiveSubMenu).style.display = 'none';
		MyMenu.ActiveSubMenu = '';
	} ,
	
	HideSubSubMenu : function () {
		if((MyMenu.ActiveSubMenu != '') && (MyMenu.ActiveSubSubMenu != '')) {
			document.getElementById("menu_"+MyMenu.ActiveSubMenu+"_"+MyMenu.ActiveSubSubMenu).style.display = 'none';
			MyMenu.ActiveSubSubMenu = '';
		}
	}, 
	
	SubMenuSelected : function () {
		window.clearTimeout(MyMenu.HideSubCounter);
	}, 
	
	SubSubMenuSelected : function () {
		window.clearTimeout(MyMenu.HideSubCounter);
		window.clearTimeout(MyMenu.HideSubSubCounter);
	}, 
	
	mark_active : function (id)	{
		if(MyMenu.active_marked != '') {
			var element = document.getElementById(MyMenu.active_marked);
			element.className = 'right_click';	
		}
		
		var element = document.getElementById(id);
		element.className = 'active_link';
		
		MyMenu.active_marked = id;
	}
}
