//MENU OPTIONS
// Order for Offsets is as follows: 
// Left (Doesn't need this as it will get changed onactivate) Top, Drop Down Box Width, DropDown Box Height
var myMenu1 = new wmsSlideOutMenu("menu1", "down", -1000, 79, 120, 301, null)
var myMenu2 = new wmsSlideOutMenu("menu2", "down", -1000, 79, 120, 481, null)
var myMenu3 = new wmsSlideOutMenu("menu3", "down", -1000, 79, 80, 81)
//var myMenu4 = new wmsSlideOutMenu("menu4", "down", -1000, 79, 90, 61, null)
var myMenu5 = new wmsSlideOutMenu("menu5", "down", -1000, 79, 110, 101, "menu1")
var myMenu6 = new wmsSlideOutMenu("menu6", "right", -1000, 119, 120, 61, "menu1")
var myMenu7 = new wmsSlideOutMenu("menu7", "right", -1000, 259, 120, 61, "menu1")
var myMenu8 = new wmsSlideOutMenu("menu8", "right", -1000, 299, 120, 101, "menu1")
var myMenu9 = new wmsSlideOutMenu("menu9", "right", -1000, 339, 120, 101, "menu1")
var myMenu10 = new wmsSlideOutMenu("menu10", "right", -1000, 359, 90, 61, "menu2")
var myMenu11 = new wmsSlideOutMenu("menu11", "right", -1000, 459, 90, 61, "menu2")
		
myMenu1.onactivate = function() { repositionMenu(myMenu1, 60); }
myMenu2.onactivate = function() { repositionMenu(myMenu2, 180); }
myMenu3.onactivate = function() { repositionMenu(myMenu3, 300); }
//myMenu4.onactivate = function() { repositionMenu(myMenu4, 380); }
myMenu5.onactivate = function() { repositionMenu(myMenu5, 470); }
myMenu6.onactivate = function() { repositionMenu(myMenu6, 180); }
myMenu7.onactivate = function() { repositionMenu(myMenu7, 180); }
myMenu8.onactivate = function() { repositionMenu(myMenu8, 180); }
myMenu9.onactivate = function() { repositionMenu(myMenu9, 180); }
myMenu10.onactivate = function() { repositionMenu(myMenu10, 300); }
myMenu11.onactivate = function() { repositionMenu(myMenu11, 300); }
	
// this function repositions a menu to the speicified offset from center
function repositionMenu(menu, offset)
{
  	// the new left position should be the edge of the window + the offset
	var newLeft = 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()
{
	return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
}