/******
Ilike bar functions
*******/
var Ilike = {
	Init : function(){
		var ilikeNav = document.getElementById("ilike-nav");
		if(ilikeNav != null){
			//attach events
			var ilikeAnchors = ilikeNav.getElementsByTagName("a");
			for(var i=0;i<ilikeAnchors.length;i++){
				if(/ilike-top-level/i.test(ilikeAnchors[i].className)){
					ilikeAnchors[i].onclick = Ilike.ShowSubMenu;
				}
			}
			ilikeNav.onmouseout = Ilike.HideSubMenu;
		}
	},
	ShowSubMenu : function(){
		Ilike.HideAllSubMenus();
		var parentLiNode = this.parentNode;
		var ulSubMenu = parentLiNode.getElementsByTagName("ul");
		if(ulSubMenu[0] != null){
			ulSubMenu[0].style.visibility = "visible";
			return false;
		}
		else
			return true;
	},
	HideAllSubMenus : function(){
		//hide all submenus
		var ilikeSubMenus = document.getElementById("ilike-nav").getElementsByTagName("ul");
                for(var i=0; i<ilikeSubMenus.length;i++){
                         ilikeSubMenus[i].style.visibility = "hidden";
                }
	},
	HideSubMenu : function(e){
		if (!e) var e = window.event;
		var tg = (window.event) ? e.srcElement : e.target;
		if (tg.id != 'ilike-nav') return;
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
		if(reltg != null){
			while (reltg != tg && reltg.nodeName != 'BODY' && reltg.nodeName != 'HTML')
				reltg= reltg.parentNode
			if (reltg== tg) return;
		
			//mouse left layer
			Ilike.HideAllSubMenus();	
		}
	}
};
SafeOnload.AddFunction(Ilike.Init);