//start browser detection code
var browser = "";

if(is_ie5_5up)browser = "IE";
else if(is_nav6up)browser = "Netscape";
else if(is_fx)browser = "Firefox";
else if(is_safari)browser = "Safari";
else if(is_opera6up)browser = "Opera";
//end browser test

//menu name, direction,-1000, y-position, width, height
if(is_mac)
{
	var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 128, 250, 300)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 128, 200, 300)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 128, 200, 300)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 128, 250, 375)
	var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 128, 200, 460)
	var myMenu6 = new ypSlideOutMenu("menu6", "down", -1000, 128, 200, 300)
	var myMenu7 = new ypSlideOutMenu("menu7", "down", -1000, 128, 200, 300)
	var myMenu8 = new ypSlideOutMenu("menu8", "down", -1000, 128, 200, 300)
}
else if(browser == "Opera")
{
	var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 126, 250, 300)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 126, 200, 300)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 126, 200, 300)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 126, 250, 375)
	var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 126, 200, 460)
	var myMenu6 = new ypSlideOutMenu("menu6", "down", -1000, 126, 200, 300)
	var myMenu7 = new ypSlideOutMenu("menu7", "down", -1000, 126, 200, 300)
	var myMenu8 = new ypSlideOutMenu("menu8", "down", -1000, 126, 200, 300)
}
else
{
	var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 132, 250, 300)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 132, 200, 300)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 132, 200, 300)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 132, 250, 375)
	var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 132, 200, 460)
	var myMenu6 = new ypSlideOutMenu("menu6", "down", -1000, 132, 200, 300)
	var myMenu7 = new ypSlideOutMenu("menu7", "down", -1000, 132, 200, 300)
	var myMenu8 = new ypSlideOutMenu("menu8", "down", -1000, 132, 200, 300)
}


//alert(browser);
//if(is_mac)alert("Macintosh");
//end browser detection code
	if(browser == "Netscape")
	{//IE
		//alert("Netscape");
    	// for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -414); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -318); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -183); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, -80); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 24); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6, 78); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7, 160); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8, 238); }
	}
	else if(browser == "IE")
	{//Netscape
		//alert("IE");
		// for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -427); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -324); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -203); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, -86); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,0); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6, 40); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7, 134); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8, 218); }
	}
	else if(browser == "Firefox")
	{//Netscape
		// for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -414); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -318); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -183); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, -80); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 24); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6, 78); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7, 160); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8, 238); }
	}
	else if(browser == "Opera")
	{//Netscape
		//alert("IE");
		// for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -414); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -318); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -183); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, -80); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 24); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6, 78); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7, 160); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8, 238); }
	}
	else if(browser == "Safari")
	{//Safari
		//alert();
		//for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1,-414); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-318); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-183); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-67); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,24); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,78); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,160); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,238); }
	}
	else
	{//Safari or IE for Mac
		//alert();
		//for each menu, we set up the onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1,-410); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-314); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-179); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-63); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,28); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,65); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,164); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,242); }
	}


      // this function repositions a menu to the speicified offset from center
		function repositionMenu(menu, offset)
		{
      		//the new left position should be the center of the window + the offset
			var newLeft = getWindowWidth() / 2 + offset;

      		//setting the left position in netscape is a little different than IE
			menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
		}
		 
    		//this function calculates the window's width - different for IE and netscape
		function getWindowWidth()
		{ 
			var temp = window.innerWidth ? window.innerWidth : document.body.offsetWidth;
			//alert("Width: " + temp);
			if(browser == "IE")
			{
				var size = parseInt(document.getElementById("tbl_main").width)+22;
			}
			else if(browser == "Netscape")
			{
				var size = parseInt(document.getElementById("tbl_main").width)+15;
			}
			else if(browser == "Firefox")
			{
				var size = parseInt(document.getElementById("tbl_main").width)+14;
				//temp = size;
			}
			else if(browser == "Opera")
			{
				var size = parseInt(document.getElementById("tbl_main").width)+35;
				//temp = size;
			}
			else if(browser == "Safari")
			{
				var size = parseInt(document.getElementById("tbl_main").width)+1;
				//temp = size;
			}
			else
			{
				var size = parseInt(document.getElementById("tbl_main").width)+1;
				//temp = size;
			}
			//alert("This is size: " + size); 
			return temp < size ? size: temp;
		}