/*
This file is used specifically for header menu
*/
var hoverBackgroundColor = "#8f9267";
var hoverTextColor = "#f5efe5";

function findPos(obj)
{
  var curleft = curtop = 0;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft
    curtop = obj.offsetTop
    while (obj = obj.offsetParent) {
      curleft += obj.offsetLeft
      curtop += obj.offsetTop
    }
  }
  return [curleft,curtop];
}

function fnDisplayMenu(parent, mnuName)
{
  var mnuElem = document.getElementById(mnuName);
  if(mnuElem) {
    mnuElem.style.display = "block";
    //mnuElem.style.top = fnGetMenuTopPosition();
    if (mnuName == "20Styles" || mnuName == "114Styles" || mnuName == "113Styles" || mnuName == "16Styles" || mnuName == "70Styles")
    {
        var placement = findPos(parent);
        mnuElem.style.left = placement[0] + "px";
    }
    fnHighlightTD(mnuName);
    //fnChangeMenuSeparatorColor(mnuName, "hidden");
  }
}

function fnHideMenu(mnuName)
{
  var mnuElem = document.getElementById(mnuName);
  if(mnuElem) {
    mnuElem.style.display = "none";
    fnChangeMenuSeparatorColor(mnuName, "visible");
  }
}

function fnHighlightTD(mnuName)
{
    var elem = document.getElementById(mnuName + "Link");
    elem.style.backgroundColor = hoverBackgroundColor;
    elem.style.color = hoverTextColor;
}

function fnRemoveHighlight(mnuName)
{
    var elem = document.getElementById(mnuName + "Link");
    elem.style.backgroundColor = hoverBackgroundColor;
    elem.style.color = hoverTextColor;
}

function fnChangeMenuSeparatorColor(mnuName, disp)
{
    var spanDivider1 = document.getElementById("divider1");
    var spanDivider2 = document.getElementById("divider2");
    var spanDivider3 = document.getElementById("divider3");
    var spanDivider4 = document.getElementById("divider4");
    var spanDivider5 = document.getElementById("divider5");
    switch(mnuName)
  {
      case "20Styles":
      {
          spanDivider1.style.visibility = disp;
          break;
      }
      case "114Styles":
      {
          spanDivider1.style.visibility = disp;
          spanDivider2.style.visibility = disp;
          break;
      }
      case "113Styles":
      {
          spanDivider2.style.visibility = disp;
          spanDivider3.style.visibility = disp;
          break;
      }
      case "16Styles":
      {
          spanDivider3.style.visibility = disp;
          spanDivider4.style.visibility = disp;
          break;
      }
      case "70Styles":
      {
          spanDivider4.style.visibility = disp;
          spanDivider5.style.visibility = disp;
          break;
      }
  }
}

function fnUnderlineLink(linkElem)
{
    linkElem.style.textDecoration = "underline";
    linkElem.style.cursor = "pointer";
}

function fnRemoveUnderline(linkElem)
{
    linkElem.style.textDecoration = "none";
    linkElem.style.cursor = "arrow";
}

function fnGetMenuTopPosition()
{
    // Code to get the CSToolbar
    var csToolbar = document.getElementById("CSContainer");
    //alert(csToolbar);
    var csToolbarHeight = 0;
    if (csToolbar)
    {
        if (csToolbar.style.display != "none")
        {
            csToolbarHeight = csToolbar.offsetHeight
        }
    }
    //var csToolbarHeight = 0;
    var artLogoSpace = document.getElementById("HeaderRight");
    var headerMenuDiv = document.getElementById("HeaderBar");
    if(headerMenuDiv) {
      var popMenuTop = parseInt(csToolbarHeight) + parseInt(headerMenuDiv.offsetHeight) + parseInt(artLogoSpace.offsetHeight);
    } else {
      var popMenuTop = '';
    }
    return popMenuTop;
}

window.onload=function()
{
    fnSetTopPosForHeaderMenu();
}

function fnSetTopPosForHeaderMenu()
{
    var popMenuTop = fnGetMenuTopPosition();

    var menu = document.getElementById("20Styles");
    menu.style.Top = popMenuTop;

    menu = document.getElementById("114Styles");
    menu.style.Top =  popMenuTop;

    menu = document.getElementById("113Styles");
    menu.style.Top =  popMenuTop;

    menu = document.getElementById("16Styles");
    menu.style.Top =  popMenuTop;

    menu = document.getElementById("70Styles");
    menu.style.Top =  popMenuTop;
}