//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", "right", -1000, 159, 199, 155)
	var myMenu2 = new ypSlideOutMenu("menu2", "right", -1000, 192, 205, 125)
	var myMenu3 = new ypSlideOutMenu("menu3", "right", -1000, 223, 223, 150)
	var myMenu4 = new ypSlideOutMenu("menu4", "right", -1000, 252, 164, 80)
	var myMenu5 = new ypSlideOutMenu("menu5", "right", -1000, 282, 204, 175)
	var myMenu6 = new ypSlideOutMenu("menu6", "right", -1000, 325, 280, 105)
	var myMenu7 = new ypSlideOutMenu("menu7", "right", -1000, 386, 216, 80)
	var myMenu8 = new ypSlideOutMenu("menu8", "right", -1000, 416, 255, 105)
}
else if(browser == "Opera")
{
	var myMenu1 = new ypSlideOutMenu("menu1", "right", -1000, 159, 199, 155)
	var myMenu2 = new ypSlideOutMenu("menu2", "right", -1000, 192, 205, 125)
	var myMenu3 = new ypSlideOutMenu("menu3", "right", -1000, 223, 223, 135)
	var myMenu4 = new ypSlideOutMenu("menu4", "right", -1000, 252, 164, 80)
	var myMenu5 = new ypSlideOutMenu("menu5", "right", -1000, 282, 204, 175)
	var myMenu6 = new ypSlideOutMenu("menu6", "right", -1000, 325, 280, 105)
	var myMenu7 = new ypSlideOutMenu("menu7", "right", -1000, 386, 216, 80)
	var myMenu8 = new ypSlideOutMenu("menu8", "right", -1000, 416, 255, 105)
}
else
{
	var myMenu1 = new ypSlideOutMenu("menu1", "right", -1000, 159, 199, 155)
	var myMenu2 = new ypSlideOutMenu("menu2", "right", -1000, 192, 205, 125)
	var myMenu3 = new ypSlideOutMenu("menu3", "right", -1000, 223, 223, 135)
	var myMenu4 = new ypSlideOutMenu("menu4", "right", -1000, 252, 164, 80)
	var myMenu5 = new ypSlideOutMenu("menu5", "right", -1000, 282, 204, 175)
	var myMenu6 = new ypSlideOutMenu("menu6", "right", -1000, 325, 280, 105)
	var myMenu7 = new ypSlideOutMenu("menu7", "right", -1000, 386, 216, 80)
	var myMenu8 = new ypSlideOutMenu("menu8", "right", -1000, 416, 255, 105)
}


//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,-231); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-231); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-231); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-231); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,-231); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,-231); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,-231); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,-231); }
	}
	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, -242); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -242); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, -242); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, -242); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, -242); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6, -242); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7, -242); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8, -242); }
	}
	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,-231); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-231); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-231); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-231); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,-231); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,-231); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,-231); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,-231); }
	}
	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,-231); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-231); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-231); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-231); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,-231); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,-231); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,-231); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,-231); }
	}
	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,-231); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-231); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-231); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-231); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,-231); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,-231); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,-231); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,-231); }
	}
	else
	{//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,-231); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-231); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,-231); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,-231); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,-231); }
		myMenu6.onactivate = function() { repositionMenu(myMenu6,-231); }
		myMenu7.onactivate = function() { repositionMenu(myMenu7,-231); }
		myMenu8.onactivate = function() { repositionMenu(myMenu8,-231); }
	}


      // 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;
		}