// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
		
var menus = [
	new ypSlideOutMenu("menu1", "right", 146, 226, 180, 230),
	new ypSlideOutMenu("menu2", "right", 146, 264, 180, 250),
	new ypSlideOutMenu("menu3", "right", 146, 303, 180, 280),
	new ypSlideOutMenu("menu4", "right", 146, 342, 180, 200),
	new ypSlideOutMenu("menu5", "right", 146, 381, 180, 230),
	new ypSlideOutMenu("menu6", "right", 146, 420, 180, 200),
	new ypSlideOutMenu("menu7", "right", 146, 253, 180, 230),
	new ypSlideOutMenu("menu8", "right", 146, 291, 180, 250),
	new ypSlideOutMenu("menu9", "right", 146, 330, 180, 280),
	new ypSlideOutMenu("menu10", "right", 146, 369, 180, 200),
	new ypSlideOutMenu("menu11", "right", 146, 408, 180, 230),
	new ypSlideOutMenu("menu12", "right", 146, 447, 180, 200)
]

     
    // for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
    //This fixes screen alignment issues.
for (var i = 0; i < menus.length; i++) {
	menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
	menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
}

ypSlideOutMenu.writeCSS();