var menus = [

/* 

THIS IS WHERE YOU DEFINE WHERE YOUr SUBMENUS ARE DISPLAYED ON THE SCREEN...YOU HAVE FULL CONTROL OF X-Y axis....AND W x H OF EACH SUB MENU.  EACH SUB MENU IS IDENTIFIED BY IT'S ID...menu1 is the first submenu, menu2 is the 2nd...and so on....

THIS IS THE PARAMETER DEFINITIONS FOR  new ypSlideOutMenu("menu1", "right", 188, 162, 170, 150),

submenuID = "menu1 "
direction of submenu slide out... = "right"
position from left of screen(X)  = "188"
positon from top of screen(Y) = "162"
height of submenu = "170"
width of submenu = "150"

menu2 and menu3 are there...but are not being called out...because there isn't any calls to it yet.  when you add a 2nd menu item that needs a submenu...you will change the parameters for their placement below.  if you need to add a 4th, 5th, 6th...and so on...you have to make sure you add a comma after each line...except for the last one.  just like it is now.

*/
 new ypSlideOutMenu("menu1", "right", 188, 100, 195, 1000),
 new ypSlideOutMenu("menu2", "right", 188, 100, 135, 1000),
 new ypSlideOutMenu("menu3", "right", 188, 100, 195, 1000),
 new ypSlideOutMenu("menu4", "right", 188, 100, 190, 1000),
 new ypSlideOutMenu("menu5", "right", 188, 269, 190, 1000),
 new ypSlideOutMenu("menu6", "right", 188, 300, 170, 200),
 new ypSlideOutMenu("menu11", "right", 188, 200, 200, 1000),
 new ypSlideOutMenu("menu12", "right", 188, 400, 200, 300),

 
 new ypSlideOutMenu("menu7", "down", 195, 80, 155, 200),
 new ypSlideOutMenu("menu8", "down", 272, 80, 200, 1000),
 new ypSlideOutMenu("menu9", "down", 349, 80, 200, 200),
 new ypSlideOutMenu("menu10", "down", 426, 80, 155, 200)
 ]

 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();