// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		var myMenu1 = new ypSlideOutMenu("menu1", "down", 0, 21, 105, 111) // # of menu items * 16) + 11
		var myMenu2 = new ypSlideOutMenu("menu2", "down", 0, 21, 105, 97) // left, top, width, height
		var myMenu3 = new ypSlideOutMenu("menu3", "down", 0, 21, 105, 59)
		var myMenu4 = new ypSlideOutMenu("menu4", "down", 0, 21, 105, 115)
		var myMenu5 = new ypSlideOutMenu("menu5", "down", 0, 21, 105, 31)
		var myMenu6 = new ypSlideOutMenu("menu6", "down", 0, 21, 105, 77)
		

	 
    // for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { 
				//document.getElementById('act1').className='active';
		}
		//myMenu1.ondeactivate = function() {document.getElementById('act1').className='';}
		myMenu2.onactivate = function() { 
				//document.getElementById('act2').className='active';
		}
		//myMenu2.ondeactivate = function() {document.getElementById('act2').className='';}
		myMenu3.onactivate = function() { 
				//document.getElementById('act3').className='active';
		}
		//myMenu3.ondeactivate = function() {document.getElementById('act3').className='';}
		myMenu4.onactivate = function() { 
				//document.getElementById('act4').className='active';
		}
		//myMenu4.ondeactivate = function() {document.getElementById('act4').className='';}
		myMenu5.onactivate = function() { 
				document.getElementById('act5').className='active';
		}
		myMenu5.ondeactivate = function() {document.getElementById('act5').className='';}
		myMenu6.onactivate = function() { 
				document.getElementById('act6').className='active';
		}
		myMenu6.ondeactivate = function() {document.getElementById('act6').className='';}

    ypSlideOutMenu.writeCSS();