//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, 95, 150, 100)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 95, 260, 375)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 95, 150, 60)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 95, 150, 60)
	var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 95, 150, 60)
}
else if(browser == "Opera")
{
	var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 100, 150, 100)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 100, 260, 375)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 100, 150, 60)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 100, 150, 60)
	var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 100, 150, 60)
}
else
{
	var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 96, 150, 100)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 96, 260, 375)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 96, 150, 60)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 96, 150, 60)
	var myMenu5 = new ypSlideOutMenu("menu5", "down", -1000, 96, 150, 60)
}


//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, -121); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -61); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, 21); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, 116); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 207); }
	}
	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, -131); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -71); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, 11); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, 106); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 197); }
	}
	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,-126); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -66); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, 16); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, 111); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 202); }
	}
	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, -140); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -80); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, 2); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4, 97); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5, 188); }
	}
	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,-120); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-60); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,22); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,117); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,208); }
	}
	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,-131); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2,-71); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3,11); }
		myMenu4.onactivate = function() { repositionMenu(myMenu4,106); }
		myMenu5.onactivate = function() { repositionMenu(myMenu5,197); }
	}


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