$(document).ready(function(){

	function showDiv() {
		if(document.getElementById) { // DOM3 = IE5, NS6
			//You may use this instead ;-)
			if($('#hideshow').length)
				$('#hideshow').css('visibility','visible');
		}
		else {
		if (document.layers) { // Netscape 4
		document.hideshow.visibility = 'visible';
		}
		else { // IE 4
		document.all.hideshow.style.visibility = 'visible';
		}
		}
	}
	if (
	 ($.browser.msie && parseFloat($.browser.version) < 9) ||   // IE 6 and lower
	 ($.browser.mozilla && parseFloat($.browser.version) < 2.0) || // Firefox 2 and lower
	 ($.browser.opera && parseFloat($.browser.version) < 11) ||  // Opera 8 and lower
	 ($.browser.webkit && parseInt($.browser.version) < 400)   // Older Chrome and Safari
	) {
		showDiv();
	}

});

var menuTimeOut = null;
var menuTimeIn = null;
var menuVisible = null;
var menuVisibleId = '';

function hideMenu() {
  if (menuVisible)
  {
    menuVisible.find('.subMenu').hide();
    menuVisibleId = '';
    menuVisible = null;
  }
}

function showMenu(){
  menuVisible.find('.subMenu').slideDown("fast");
}

function clearMenuTimeout() {
    if (menuTimeOut != undefined && menuTimeOut != null)
    {
        window.clearTimeout(menuTimeOut);
    }
    if (menuTimeIn != undefined && menuTimeIn != null)
    {
        window.clearTimeout(menuTimeIn);
    }
}

$(document).ready(function()
{
	$('#mainnav > ul > li, .topnav > ul > li').hover(function()
  {
    if (menuVisibleId == $(this).attr('id'))
    {
      clearMenuTimeout();
    }
    else
    {
      hideMenu();
      clearMenuTimeout();
      menuVisibleId = $(this).attr('id');

      menuVisible = $(this);
      menuVisible.find('.subMenu ul').show();

      rowWidth = 0;
      //Calculate row
      menuVisible.find("ul").each(function()
      {
          rowWidth += $(this).width();
      });
      menuVisible.find(".subMenu").css({'width' : rowWidth + 10}); //Set Width
      menuTimeOut = window.setTimeout('showMenu()', 300);
    }


	}, function() {
		clearMenuTimeout();
    menuTimeOut = window.setTimeout('hideMenu()', 500);
	});
});