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


switch(browser)
{
	case "IE":
	xdiff = -4;
	ydiff = -4;
	break;
	
	case "Opera":
	ydiff = 8;
	xdiff = -8;
	break;
	
	case "Firefox":
	ydiff = 0;
	xdiff = -200;
	break;
	
	default:
	ydiff = -8;
	xdiff = 0;
}

//menu name, direction,-1000, y-position, width, height

	var myMenu1 = new ypSlideOutMenu("menu1", "right", -1000, 160+ydiff, 300, 300)
	var myMenu10 = new ypSlideOutMenu("menu10", "right", -1000, 206+ydiff, 300, 300)
	var myMenu2 = new ypSlideOutMenu("menu2", "right", -1000, 232+ydiff, 300, 300)
	var myMenu3 = new ypSlideOutMenu("menu3", "right", -1000, 278+ydiff, 300, 300)
	var myMenu4 = new ypSlideOutMenu("menu4", "right", -1000, 302+ydiff, 300, 300)
	var myMenu5 = new ypSlideOutMenu("menu5", "right", -1000, 327+ydiff, 300, 300)
	var myMenu6 = new ypSlideOutMenu("menu6", "right", -1000, 350+ydiff, 300, 300)
	var myMenu7 = new ypSlideOutMenu("menu7", "right", -1000, 390+ydiff, 300, 300)
	var myMenu8 = new ypSlideOutMenu("menu8", "right", -1000, 442+ydiff, 300, 300)
	var myMenu9 = new ypSlideOutMenu("menu9", "right", -1000, 464+ydiff, 300, 300)


	
	myMenu1.onactivate = function() { repositionMenu(myMenu1, -226+xdiff); }
	myMenu2.onactivate = function() { repositionMenu(myMenu2, -226+xdiff); }
	myMenu3.onactivate = function() { repositionMenu(myMenu3, -226+xdiff); }
	myMenu4.onactivate = function() { repositionMenu(myMenu4, -226+xdiff); }
	myMenu5.onactivate = function() { repositionMenu(myMenu5, -226+xdiff); }
	myMenu6.onactivate = function() { repositionMenu(myMenu6, -226+xdiff); }
	myMenu7.onactivate = function() { repositionMenu(myMenu7, -226+xdiff); }
	myMenu8.onactivate = function() { repositionMenu(myMenu8, -226+xdiff); }
	myMenu9.onactivate = function() { repositionMenu(myMenu9, -226+xdiff); }
	myMenu10.onactivate = function() { repositionMenu(myMenu10, -226+xdiff); }


      // 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("wrapper").width)+22;
			}
			else if(browser == "Netscape")
			{
				var size = parseInt(document.getElementById("wrapper").width)+15;
			}
			else if(browser == "Firefox")
			{
				var size = parseInt(document.getElementById("wrapper").width)+14;
				//temp = size;
			}
			else if(browser == "Opera")
			{
				var size = parseInt(document.getElementById("wrapper").width)+35;
				//temp = size;
			}
			else if(browser == "Safari")
			{
				var size = parseInt(document.getElementById("wrapper").width)+1;
				//temp = size;
			}
			else
			{
				var size = parseInt(document.getElementById("wrapper").width)+1;
				//temp = size;
			}
			//alert("This is size: " + size); 
			return temp < size ? size: temp;
		}