// Define variables
var timer = null;
var lastActiveId = null;

function showMenu(objID) {
	$("div.menucontainer").not("#"+objID).hide();
	$("#"+lastActiveId+"button").attr({className: lastActiveId+"button"});
	$('#'+lastActiveId+'link').attr({className: "buttonlink"});
	lastActiveId = objID;
	$("#"+objID).show();
	$("#"+objID+"button").attr({className: objID+"button-hover"});
	$('#'+objID+'link').attr({className: "buttonlink-hover"});
}

function hideMenu(objID) {
	$("#"+objID).hide();
	$("#"+objID+"button").attr({className: objID+"button"});
	$('#'+lastActiveId+'link').attr({className: "buttonlink"});	
}

function toggleMenu(objID) {
	$("#"+objID).toggle();
}

function persistMenu() {
	clearTimeout(timer);
}

function closeMenu(theId) {
	clearTimeout(timer);
	hideMenu(theId);
}

function checkCloseMenu(theId) {
	timer = setTimeout("closeMenu('" + theId + "');",200);
}

function hoverMenu(obj) {
	//$('#'+obj.id).addClass('hover');
	obj.className = obj.className+'-hover'; 
}

function deHoverMenu(obj) {
	//$('#'+obj.id).removeClass('hover');
	var className = obj.className;
	//alert(className+className.substring(0, className.length-6));
	obj.className = className.substring(0, className.length-6);
}

function hoverMenuAdd(obj) {
	$('#'+obj.id).addClass('hover'); 
}

function deHoverMenuAdd(obj) {
	$('#'+obj.id).removeClass('hover');
}

function checkCloseMenuTraining(theId) {
	timer = setTimeout("closeMenu('" + theId + "');deHoverMenu(document.getElementById('cat"+theId+"'));",200);
}