var MenuHideDuration = 200;
var MenuHideTimer;
var MenuAppearanceDuration = 200;
var LastMenuId = -1;
var LastMenuClass1 = "";
var LastMenuClass2 = "";
var LastMenuHide = false;
var MenuShown = false;

function ShowMenuContent(menuid, class1, class2){
  if(LastMenuId != class1){ LastMenuHide = false; }
  if(LastMenuClass1 != "" && LastMenuId != menuid && !LastMenuHide){ HideMenu(); LastMenuHide = true; }
  if(typeof(menuid) != "undefined" && menuid != ""){
    window.clearTimeout(MenuHideTimer);
    LastMenuId = menuid;
    LastMenuClass1 = class1;
    LastMenuClass2 = class2;
    var MenuPosition = $("#MenuItem" + menuid).offset();
    var MenuWidth = $("#MenuItem" + menuid).width();
    var ContentWidth = $("#MenuBarContent" + menuid).width();
    var SubtractWidth = 0;
    SubtractWidth = ContentWidth - MenuWidth;
    $("#MenuItem" + menuid).removeClass(class1);
    $("#MenuItem" + menuid).addClass(class2);
    $("#MenuBarContent" + menuid).css( "left", MenuPosition.left - SubtractWidth);
    $("#MenuBarContent" + menuid).css( "top", MenuPosition.top + 40 );
    $("#MenuBarContent" + menuid).fadeIn(MenuAppearanceDuration);
  }
}

function SetMenuTimer(){
  MenuHideTimer = window.setTimeout("HideMenu()", MenuHideDuration);
}

function UnSetMenuTimer(){
  window.clearTimeout(MenuHideTimer);
}

function HideMenu(){
  $("#MenuItem" + LastMenuId).removeClass(LastMenuClass2);
  $("#MenuItem" + LastMenuId).addClass(LastMenuClass1);
  $("#MenuBarContent" + LastMenuId).fadeOut(MenuAppearanceDuration);
  LastMenuId = -1;
  LastMenuClass1 = "";
  LastMenuClass2 = "";
}