var currentHeight;
var t;

function showSubNav(sender, navItem, maxheight)
{	
	if (navItem != null)
	{
	var subNav = document.getElementById(navItem);
	subNav.style.display = "block";
	
	left = findPos(sender);
	
	subNav.style.left = left - 1 + "px";
	
	if (navItem == 'navAbout')
		subNav.style.left = left - 38 + "px";
	subNav.style.top = "86px";
	
var Browser = {
  Version: function() {
    var version = 999; // we assume a sane browser
    if (navigator.appVersion.indexOf("MSIE") != -1)
      // bah, IE again, lets downgrade version number
      version = parseFloat(navigator.appVersion.split("MSIE")[1]);
    return version;
  }
}
    if (Browser.Version() <= 7)
    {
       subNav.style.top = "88px";
       }
       
	subNav.style.height = "0px";
	currentHeight = 0;
	
	t = setInterval(function(){slide(navItem, maxheight)}, 25);
	}
 sender.className = 'navOver';
 
}

function findPos(obj){
var posX = obj.offsetLeft;
while(obj.offsetParent){
posX+=obj.offsetParent.offsetLeft;
if(obj==document.getElementsByTagName('body')[0]){break}
else{obj=obj.offsetParent;}
}
return posX;
}

function slide(navItem, maxheight)
{
	subNav = document.getElementById(navItem);
	subNav.style.height = currentHeight + 15  + 'px';
	currentHeight = currentHeight + 15;
	
	if (currentHeight >= maxheight)
	{
		clearInterval(t);
	}
}


function hideSubNav(sender, navItem)
{
	if (navItem != null)
	{
		document.getElementById(navItem).style.display="none";
		sender.className = 'nav';
		
		clearInterval(t);
	}
	else
	{
		sender.className = 'nav';
	}
	
}

function onsubnavover(sender, menuItem)
{
var menuNav = document.getElementById(menuItem);
menuNav.className = 'navOver';
sender.style.display = "block";
}

function onsubnavout(sender, menuItem)
{
var menuNav = document.getElementById(menuItem);
menuNav.className = 'nav';
sender.style.display = "none";
}