   //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 = -15;
	ydiff = -4;
	break;
	
	case "Opera":
	ydiff = 8;
	xdiff = -8;
	break;
	
	case "Firefox":
	ydiff = 0;
	xdiff = -200;
	break;
	
	case "Safari":
	ydiff = -8;
	xdiff = 2;
	break;
	
	default:
	ydiff = -8;
	xdiff = 0;
}

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

	var myMenu1 = new ypSlideOutMenu("menu1", "right", -1000, 300+ydiff, 300, 300)

	
	myMenu1.onactivate = function() { repositionMenu(myMenu1, -250+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;
		}	


