/*

03-01-2007 Javascript for dropdown submenu's

MUST BE LOADED ON THE ABSOLUTE BOTTOM OF THE DOCUMENT (RIGHT ABOVE THE </BODY> TAG)

*/

//=============================================================================
// Initialize
//============================== GIJS - OCCHIO ================================

// Variables
var sMenuContainerId = "menu";
var sItemIdentifier = "ose-subOf";
var sMainMenuId = sItemIdentifier + "268";
var sHoverClass = "hover";
var sTimer = null;

// Call Set MouseOver Function
setMouseOver();

$("ul.level1.active").addClass("hover");

//=============================================================================
// FUNCTION Set Mouseover
//============================== GIJS - OCCHIO ================================

function setMouseOver() {
	var oMenu = document.getElementById(sMenuContainerId);
	$("#" + sMainMenuId + " li").mouseover(function(){
		var sItemId = this.id.replace(/ose-p/, "");
		$("#" + sItemIdentifier + sItemId).each(function(){
			clearTimeout(sTimer);
			$("#" + sMenuContainerId + " ul.level1").each(function(){
				deactivate(this.id);
			});
			activate(this);
		});
	});	
	
	$("#" + sMainMenuId + " li").mouseout(function(){
		var sItemId = this.id.replace(/ose-p/, "");
		$("#" + sItemIdentifier + sItemId).each(function(){
			sTimer = setTimeout("deactivate('" + this.id + "')", 500);
		});
	});	
	
}

//=============================================================================
// FUNCTION Activate Submenu Item
//============================== GIJS - OCCHIO ================================

function activate(oSubMenu) {
	if(oSubMenu) {	
		$(oSubMenu).addClass(sHoverClass);
		oSubMenu.onmouseover = function() {
			clearTimeout(sTimer);
		}
		oSubMenu.onmouseout = function() {
			sTimer = setTimeout("deactivate('" + this.id + "')", 500);
		}
	} 
}

//=============================================================================
// FUNCTION Deactivater Submenu Item
//============================== GIJS - OCCHIO ================================

function deactivate(sId) {
	$("#" + sId).each(function() {
		if($(this).hasClass(sHoverClass)) {
			$(this).removeClass(sHoverClass);
		} 
	});
}
