/*
raa changes
*/
function CloseSubmenu(){
    var container = document.getElementById('sideMenu');
    var ULs = document.getElementsByTagName("ul");
    for(i=0;i < ULs.length; i++){
        if(ULs[i].className == 'submenu'){
            ULs[i].style.display = "none";
        }
    }
}

function toggleSubmenu(elm,state)
{
  //CloseSubmenu();
  var parentN = elm.parentNode;
  //alert(parentN.tagName);
  var ulN = parentN.getElementsByTagName("ul")[0];
  if(ulN.style.display == "none")
  {
    ulN.style.display = "block";
    if(state == 1)
    {
      elm.style.backgroundImage = "url(design/menu_toggled.png)";
      elm.style.color = "white";
    }
    else
    {
      elm.style.color = "#663300";
          }
  }
  else if(ulN.style.display == "block" && state == 1)
  {
    elm.style.backgroundImage = "url(design/menu.gif)";
    elm.style.color = "#663300";
    ulN.style.display = "none";
  }
  else
  {
    elm.style.color = "#663300";
    ulN.style.display = "none";
  }
}

function visUnderMenu() { void(0); }

function showTopSubMenu(elm)
{
  var parentN = elm.parentNode;
  var ulN = parentN.getElementsByTagName("ul")[0];
  var listLI = ulN.getElementsByTagName("li");
  for(i=0;i<listLI.length;i++)
  {
          listLI[i].onmouseover = showUL;
          listLI[i].onmouseout = hideUL;
  }
  ulN.style.display = "block";
}

function hideTopSubMenu(elm)
{
  var parentN = elm.parentNode;
  var ulN = parentN.getElementsByTagName("ul")[0];
  ulN.style.display = "none";
}

function hide(elm)
{
  elm.style.display = "none";
}

function showUL()
{
  var ulN = this.parentNode;
  ulN.style.display = "block";
}

function hideUL()
{
  var ulN = this.parentNode;
  // TODO: fix so this breaks, if showUL is called
  //window.setTimeout(function() { ulN.style.display = "none"; }, 400);
  ulN.style.display = "none";
}