document.onclick=ToggleDivVisibility;

function ToggleDivVisibility(e)
{
	var target = (e && e.target) || (event && event.srcElement);
	var brandDiv = document.getElementById('BrowseByBrand');
	var brandButton = document.getElementById('brandButton');
	var categoryDiv = document.getElementById('BrowseByCategory');
	var categoryButton = document.getElementById('categoryButton');
	if ( target != brandDiv && target != categoryDiv && target != brandButton && target != categoryButton )
	{
		brandDiv.style.display = 'none';
		brandDiv.style.visibility = 'hidden';
		categoryDiv.style.display = 'none';
		categoryDiv.style.visibility = 'hidden';
	}
	
} 

function GetWindowWidth() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
  return myWidth;
}

function ToggleNav(browseType)
{
	var menu;
	var menu2;
	var leftPixels;
	var windowWidth;
	
	windowWidth = GetWindowWidth();
	leftPixels = (windowWidth - 718) / 2;
	
	switch (browseType)
	{
		case 'BrowseByBrand':
			menu = document.getElementById('BrowseByBrand').style;
			menu.left = leftPixels + "px";
			menu2 = document.getElementById('BrowseByCategory').style;
			if (menu.visibility == "hidden" && menu.display == "none")
			{	
				menu.visibility = "visible";
				menu.display = "block";
				
				menu2.visibility = "hidden";
				menu2.display = "none";
			}
			else
			{
				menu.visibility = "hidden";
				menu.display = "none";
			}
			break;
		case 'BrowseByCategory':

			menu = document.getElementById('BrowseByCategory').style;
			menu.left = leftPixels + "px";
			menu2 = document.getElementById('BrowseByBrand').style;
			if (menu.visibility == "hidden" && menu.display == "none")
			{	
				menu.visibility = "visible";
				menu.display = "block";
				
				menu2.visibility = "hidden";
				menu2.display = "none";
			}
			else
			{
				menu.visibility = "hidden";
				menu.display = "none";
			}
			break;
	}
}