document.write("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"skin/menu-popup.css\" />");

var holder;
var inner;

function showMenuPopup(url) {
  //inner.onload = displayMenuPopup;
  inner.src = url;
  displayMenuPopup();
}

function closeMenuPopup() {
  holder.style.visibility = "hidden";
}

function displayMenuPopup() {
  var root = document.body; //document.documentElement ? document.documentElement : document.body;
  var x = root.offsetWidth / 2 - holder.offsetWidth / 2 + 10;
  var y = root.offsetHeight / 2 - holder.offsetHeight / 2;
  
  var root = document.documentElement ? document.documentElement : document.body;
  if (y < root.scrollTop) { y = root.scrollTop; }
  //document.title = ": " + root + " , " + y;
  holder.style.left = x + "px";
  holder.style.top = y + "px";
  holder.style.visibility = "visible";
  //document.body.style.overflow = "hidden";
}

function initMenuPopups() {
  holder = document.createElement("div");
  holder.id = "menupopupholder";
  holder.style.position = "absolute";
  holder.style.left = "0px";
  holder.style.top = "0px";
  holder.style.visibility = "hidden";
  
  
  var header = document.createElement("div");
  header.className = "header";
  //header.appendChild(document.createTextNode("olkdfgjndlfkgtfdlgkhjn"));
  holder.appendChild(header);
  
  var borderN = document.createElement("div"); borderN.className = "border-top"; holder.appendChild(borderN);
  var borderS = document.createElement("div"); borderS.className = "border-bottom"; holder.appendChild(borderS);
  
  var middle = document.createElement("div");
  middle.className = "middle";
  holder.appendChild(middle);
  
  var borderE = document.createElement("div"); borderE.className = "border-right"; middle.appendChild(borderE);
  var borderW = document.createElement("div"); borderW.className = "border-left"; middle.appendChild(borderW);

  /*
  var footer = document.createElement("div");
  footer.className = "footer";
  holder.appendChild(footer);
  */
  
  inner = document.createElement("iframe");
  inner.id = "menupopupiframe";
  inner.name = "menupopupiframe";
  inner.frameBorder = "0";
  middle.appendChild(inner);
  
  var link = document.createElement("a");
  link.className = "close-button";
  link.href = "#";
  link.onclick = new Function("closeMenuPopup(); return false;");
  link.title = "Click here to close this window";
  var tn = document.createElement("span");
  tn.appendChild(document.createTextNode("Close"));
  link.appendChild(tn);
  holder.appendChild(link);
  
  var link = document.createElement("a");
  link.className = "print-button";
  link.href = "#";
  link.onclick = new Function("window.frames['menupopupiframe'].focus(); window.frames['menupopupiframe'].print(); return false;");
  link.title = "Click here to print this menu";
  var tn = document.createElement("span");
  tn.appendChild(document.createTextNode("Print"));
  link.appendChild(tn);
  holder.appendChild(link);
  
  document.body.appendChild(holder);
  
  var links = document.getElementsByTagName("a");
  for (var i=0; i<links.length; i++) {
    if (links[i].target == "menu") {
      links[i].onclick = new Function("showMenuPopup('" + links[i].href + "'); return false;");
    }
  }
}

addLoadHandler(function() {
  initMenuPopups();
});