var Timer, lastItemId, agent;

// browser detect
if (window.opera) {
  agent = "opera";
} else if (document.all) {
  agent = "ie";
} else {
  agent = "dom";
}

function $$(id) {
  return document.getElementById(id);
}

function menuMouseOver(id) {
  clearInterval(Timer);
  showSubMenu(id);
}

function menuMouseOut(id) {
  lastItemId = id;
  if ($$("SubMenu"+id)) {
    Timer = setInterval("hideSubMenu('"+id+"')", 150);
  }
}

function showSubMenu(id) {
  if (lastItemId && lastItemId != id) {
    hideSubMenu(lastItemId);
  }
  if ($$("SubMenu"+id)) {
    //show SunMenu div
	var temp = offsetPosition($$("Menu" + id))[0];
	var menu_width = $($$('Menu'+id)).width() - $($$('SubMenu'+id)).width();
    $$("SubMenu" + id).style.marginLeft = temp  + "px";
    $$("SubMenu" + id).style.display = "block";
  }
}

function hideSubMenu(id) {
  if ($$("SubMenu"+id)) {
    $$("SubMenu" + id).style.display = "none";
  }
}

function offsetPosition ( element ) {
    var offsetLeft = 0, offsetTop = 0;
    do { 
        offsetLeft += element.offsetLeft
        offsetTop  += element.offsetTop;
    }
    while ( element = element.offsetParent );
    return [ offsetLeft, offsetTop];
}