var h, hideIt;
function show(n) {
  for (var m = 0; m < menus; m ++) {
    hide(m);
  };

  document.getElementById(n + "overlay").style.visibility = "";
  for (var i = 0; i < items[n]; i ++) {
    document.getElementById(n + "contents" + i).style.visibility = "";
  };
};

function hide(n) {
  if (hideIt == false) {
    hideIt == true;
    return;
  };

  if (document.getElementById(n + "overlay").style.visibility = "") return;

  for (var i = 0; i < items[n]; i ++) {
    document.getElementById(n + "contents" + i).style.visibility = "hidden";
  };
  document.getElementById(n + "overlay").style.visibility = "hidden";
};

function sethide(n) {
  hideIt = true;
  h = setTimeout("hide(" + n + ");", 50);
};

function highlight(n, i) {
  hideIt = false;
  i.style.background = "gray";
  i.style.filter = "alpha(style=4,opacity=50)";
  i.style.color = "aqua";
};

function dehighlight(n, i) {
  i.style.background = "aqua";
  i.style.filter = "alpha(style=4,opacity=50)";
  i.style.color = "#333333";
  sethide(n);
};

var menus = 0, items = new Array();
function makeMenu(title, x, y, w) {
  var n = menus;

  var numItems = (arguments.length - 4) / 2;
  items[n] = numItems;

 document.write("<div id='" + n + "overlay' style='visibility:hidden; border:0px solid gray; background:aqua; filter:alpha(style=4,opacity=90); position:absolute; height:" + (numItems * 25 +2) + "px; width:" + (w + 2) + "px;left:" + x + "px; top:" + (y + 20) + "px' onmouseover='hideIt = false;' onmouseout='sethide(" + n + ");'></div>");

  for (var i = 0; i < numItems; i ++) {
    document.write("<div id='" + n + "contents" + i + "' style='padding:2px; cursor:hand; position:absolute; visibility:hidden; height:15px; width:" + w + "px; left:" + (x + 1) + "px; top:" + (y +20 + i*25) + "px' onmouseover='highlight(" + n + ", this);' onmouseout='dehighlight(" + n + ", this);' onclick='location = \"" + arguments[5 + i*2] + "\";'>&nbsp;" + arguments[4 + i*2] + "</div>");
  };

  document.write("<div id='" + n + "title' style='background:aqua; cursor:default; border:1px solid gray;  filter:alpha(style=4,opacity=90); padding:2px; position:absolute; height:15px; left:" + x + "px; top:" + y + "px' onmouseover='show(" + n + "); hideIt = false;' onmouseout='sethide(" + n + ");'>&nbsp;" + title + "&nbsp;</div>");


  menus ++;
};

makeMenu("About the company",70,130, 120,
"Who Are We", "http://www.rusteak.com/antique-furniture.htm",
"Contact Us", "http://www.rusteak.com/contact.htm");

makeMenu("Product",215, 130, 190,
"Shelving","http://www.rusteak.com/gallery/index.php?ct=shelving","Chairs","http://www.rusteak.com/gallery/index.php?ct=chairs","Cabinets","http://www.rusteak.com/gallery/index.php?ct=cabinets","Console tables","http://www.rusteak.com/gallery/index.php?ct=console+tables","Buffets & side cabinets","http://www.rusteak.com/gallery/index.php?ct=buffets+%26+side+cabinets","Sofas","http://www.rusteak.com/gallery/index.php?ct=sofas","End tables & bedsides","http://www.rusteak.com/gallery/index.php?ct=end+tables+%26+bedsides","Outdoor teak","http://www.rusteak.com/gallery/index.php?ct=outdoor+teak");


makeMenu("Store Policies",295, 130, 120,
"Store Policies", "http://www.rusteak.com/policies.htm");


makeMenu("News/Specials", 510, 130, 120,
"Specials", "http://www.rusteak.com/gallery/index.php?ct=specials");


makeMenu("Tips", 620, 130, 120,
"Furniture Care", "http://www.rusteak.com/care.htm");

makeMenu("Photo Gallery", 405,130, 80,
"Photo Gallery", "http://www.rusteak.com/gallery/index.php");