var triton_navigation = new function() {

	this.tim;
	this.active = [];
	
	this.mouseIntoNav = function (nav_id, parent_id, e) {
		if(triton_navigation.active[nav_id] > 0) {
			clearTimeout(triton_navigation.tim);
			triton_navigation.hideSubNav(nav_id, triton_navigation.active[nav_id]);
		}
	}
	
	this.toggleSubNav = function(nav_id, parent_id, e) {
		e = e ? e : window.event;
		var c = document.getElementById("sub_nav_"+nav_id+"_"+parent_id);
		switch(e.type) {
			case "mouseover":
				// let's also make the parent nav item hovered
				document.getElementById("nav_" + nav_id + "_" + parent_id).className = "nav_item_over";
				
				if(triton_navigation.active[nav_id] > 0 && triton_navigation.active[nav_id] != parent_id) {
					triton_navigation.hideSubNav(nav_id, triton_navigation.active[nav_id]);
				}
				
				c.style.display = "block";
				clearTimeout(triton_navigation.tim);
				triton_navigation.active[nav_id] = parent_id;
				break;
			case "mouseout":
				triton_navigation.tim = setTimeout("triton_navigation.hideSubNav("+nav_id+", "+parent_id+");", 1000);
				break;
		}
	};
	
	this.hideSubNav = function(nav_id, parent_id) {
		// let\s make the parent nav itme unhovered
		document.getElementById("nav_" + nav_id + "_" + parent_id).className = "nav_item";
		
		var c = document.getElementById("sub_nav_"+nav_id+"_"+parent_id);
		triton_navigation.active[nav_id] = 0;
		c.style.display = "none";
	};
}