var itemActive;
function Focus(itemID)
{
  itemActive = document.getElementById(itemID);
  itemActive.style.backgroundColor = "#eeeeee";
  itemActive.parentNode.style.backgroundColor = "#eeeeee";
  itemActive.parentNode.style.borderColor = "#999999";
  itemActive.parentNode.style.borderWidth = "2px";
}
 
function Blur(itemID)
{
  itemActive = document.getElementById(itemID);
  itemActive.style.backgroundColor = "#ffffff";
  itemActive.parentNode.style.backgroundColor = "#ffffff";
  itemActive.parentNode.style.borderColor = "#cccccc";
  itemActive.parentNode.style.borderWidth = "1px";
}
var theMenu;
 
function LoadContextMenu()
{
  newDiv = document.createElement("div");  
  document.body.appendChild(newDiv);
  with (newDiv)
  {
    ID = "myMenu";
    className = "contextMenuStyle";
    style.display = "none";
    style.left = "0px";
    style.top = "0px";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.textAlign=\"left\"'>Align left</a><br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.textAlign=\"center\"'>Align center</a><br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.textAlign=\"right\"'>Align right</a><br>";
    innerHTML += "<br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.color=\"#990000\"' style='color:#990000'>Red</a><br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.color=\"#009900\"' style='color:#009900'>Green</a><br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.color=\"#000099\"' style='color:#000099'>Blue</a><br>";
    innerHTML += "<br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.fontWeight=\"bold\"' style='font-weight:bold'>Bold</a><br>";
    innerHTML += "<a href='javascript:;' onmousedown='itemActive.style.fontWeight=\"normal\"'>Normal</a><br>";
  }
  theMenu = newDiv;
}
 
function HideContextMenu()
{
  with (theMenu)
  {
    style.display = "none";
  }
}
 
function FormatMenu(itemID)
{
  itemActive = document.getElementById(itemID);
  itemParent = itemActive.parentNode;
  itemContainer = document.getElementById("theTable");
  with (theMenu)
  {
    style.display = "block";
    //style.left = (itemContainer.offsetLeft + itemParent.offsetLeft) + "px";
    style.left = window.event.x + "px";
    style.top = (itemContainer.offsetTop + itemParent.offsetTop + itemParent.offsetHeight) + "px";
  }
  setTimeout("HideContextMenu()", 10000);
}
 
function Init()
{
  LoadContextMenu();
  window.document.onclick = HideContextMenu;
}
 
onload = Init;