var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}
@end @*/

if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}

function LoadMenus() {
	if (!xmlHttp) {
		alert("No XML HTTP object available for use!");
		return;
	}
	var url = "/drops.html";

  xmlHttp.open("GET", url, false);
  xmlHttp.send(null);
  var menus = xmlHttp.responseText;
  var dm = document.createElement("div");
  dm.setAttribute("id", "dropMenus");  
  dm.innerHTML = menus;
  document.body.appendChild(dm);
  //var dm = $("dropMenus");
  var ms = dm.getElementsByTagName("ul");
  var ids = Array();
  for (var x=0;x<ms.length;x++) {
    var mi = ms[x];
    ids.push(mi.id);
  }
  for (var x=0;x<ids.length;x++) {
    var id = ids[x];
    var ul = dm.removeChild($(id));
    var a = $(ul.id.replace("menuItems", "menu"));
    if (!a) continue;
    var tc = a.parentNode;
    tc.appendChild(ul);
    a.onmouseover = function() {
      ShowMenu($(this.id.replace("menu", "menuItems")));
    };
    a.onmouseout = function() {
      StartHideMenu(this.id.replace("menu", "menuItems"));
    }
    ul.onmouseover = function() {
      ShowMenu(this);
    }
    ul.onmouseout = function() {
      StartHideMenu(this.id);
    }
  }
}

var activeMenu;
var t;

function ShowMenu(ul) {
  if (activeMenu) HideMenu(activeMenu);
  activeMenu = ul;
  ul.style.display = "block";
}

function HideMenu() {
  window.clearTimeout(t);
  activeMenu.style.display = "none";
}
function StartHideMenu(id) {
  t = window.setTimeout("HideMenu()", 250);  
}

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

window.onload = LoadMenus;