var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function getPage(url) {
  return url.substring(url.lastIndexOf("/")+1);
}
function highlightCurrentMenuItem() {
  var currentLocation = getPage(document.location.href);
  var menu = document.getElementById("topNav");
  links = menu.getElementsByTagName("a");

  for (i=0; i<links.length; i++) {
    var currentHref = links[i].getAttribute("href");
    var currentPageName = getPage(currentHref);
    if(currentPageName == "tv" && document.location.href.indexOf("/tv") > -1)
    {
      links[i].setAttribute("class", "current");
      links[i].setAttribute("className", "current");    
      break;
    }
    else if (document.location.href.indexOf("/tv") < 0 && (currentPageName==currentLocation || (currentPageName=="Default.aspx" && currentLocation==""))) { 
      // Setting class is needed for Mozilla compatibility - className appears to be correct 
      // according to the DOM spec
      links[i].setAttribute("class", "current");
      links[i].setAttribute("className", "current");
      break;
    }
    else if (currentLocation.indexOf("Tutorials.aspx") > -1 || currentLocation.indexOf("Templates.aspx") > -1 || currentLocation.indexOf("Stories.aspx") > -1) {
        var pageOnly = currentLocation.substring(0, currentLocation.indexOf("?"));
        var sectionID = "1";
        if (currentLocation.indexOf("sID=") > -1) {
            sectionID = currentLocation.substring(currentLocation.indexOf("sID=")+4, currentLocation.indexOf("sID=")+5);
        }
        
        switch(sectionID) {
            case "1":
                document.getElementById("l1").setAttribute("class", "current");
                document.getElementById("l1").setAttribute("className", "current");
                break;
            case "2":
                document.getElementById("l2").setAttribute("class", "current");
                document.getElementById("l2").setAttribute("className", "current");
                break;
            case "3":
                document.getElementById("l3").setAttribute("class", "current");
                document.getElementById("l3").setAttribute("className", "current");
                break;
            default:
                document.getElementById("l1").setAttribute("class", "current");
                document.getElementById("l1").setAttribute("className", "current");
                break;
        }
    }
  }
}


// close layer when click-out
document.onclick = mclose;