<=>
+---+
|---|
|---|
+---+

  <=>
+---+
|---|
|---|
+---+

_menuCloseDelay=200;   // The time delay for menus to remain visible on mouse out
_menuOpenDelay=100;    // The time delay before menus open on mouse over
_subOffsetTop=6;   // Sub menu top offset
_subOffsetLeft=-4; // Sub menu left offset

var subAdjustTop_H = 0;
var subAdjustLeft_H = 0;
var subAdjustTop_V = 0;
var subAdjustLeft_V = 0;

// Style Definitions
with(mainStyleHoriz=new mm_style()) {
    borderstyle="none";
    borderwidth=0;
    separatorsize=0;
    padding=4;
    fontsize=12;
    fontstyle="normal";
    fontfamily="Verdana, Arial, sans-serif";
    swap3d=1;
    followscroll=0;
}

// Main Menu
with(milonic=new menuname("mainMenuHoriz")){
    style=mainStyleHoriz;
    top=45;
    left=0;
    orientation="horizontal";
    // TODO: can't get menu to align with right of button
    screenposition="right";
    openstyle="rtl";
    align="right";
    alwaysvisible=1;
    aI("image=/Menu/logout.png;overimage=/Menu/logout-over.png;status=الإدارة;url=/Logout.stml;target=_top;onfunction=parent.frames['content'].popdown();offfunction=closeSubmenuInFrame();");
    aI("image=/Menu/devtools.png;overimage=/Menu/devtools-over.png;status=Developer Tools;showmenu=devtools;url=/servlet/LoadServlet?run=Logon2.HsAdminMenu.run;target=content;onfunction=openSubmenuInFrame();offfunction=closeSubmenuInFrame();");
    aI("image=/Menu/docs.png;overimage=/Menu/docs-over.png;status=Document Manager;url=javascript:doLink(\"/common/FileSystem.stml\", \"Document Manager\");;onfunction=parent.frames['content'].popdown();offfunction=closeSubmenuInFrame();");
    aI("image=/Menu/reports.png;overimage=/Menu/reports-over.png;status=Reports;showmenu=reports;target=content;onfunction=openSubmenuInFrame();offfunction=closeSubmenuInFrame();");
   
    aI("image=/Menu/admin.png;overimage=/Menu/admin-over.png;status=الإدارة;showmenu=admin;target=content;onfunction=openSubmenuInFrame();offfunction=closeSubmenuInFrame();");
   
    aI("image=/Menu/payroll.png;overimage=/Menu/payroll-over.png;status=كشف الأجور;showmenu=payroll;url=/payroll/PayrollInformation.stml;target=content;onfunction=openSubmenuInFrame();offfunction=closeSubmenuInFrame();");
   
    aI("image=/Menu/hr.png;overimage=/Menu/hr-over.png;status=الموارد البشرية;showmenu=hr;url=/hr/EmployeeSearch.stml;target=content;onfunction=openSubmenuInFrame();offfunction=closeSubmenuInFrame();");
}

// Submenu Definitions
with(milonic=new menuname("hr")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=البحث عن موظف;status=البحث عن موظف;url=javascript:doLink(\"/hr/EmployeeSearch.stml\", \"البحث عن موظف\");");
    aI("text=مستجد;status=مستجد;url=javascript:doLink(\"/employee/NewEmpPreqCheck.stml\", \"مستجد\");");
}

etc... (more submenu definitions skipped)

<script language="Javascript">
_menuCloseDelay=200; // The time delay for menus to remain visible on mouse out
_menuOpenDelay=100;  // The time delay before menus open on mouse over
_subOffsetTop=6;     // Sub menu top offset
_subOffsetLeft=-4;   // Sub menu left offset

var subAdjustTop_H = 0;
var subAdjustLeft_H = 0;
var subAdjustTop_V = 0;
var subAdjustLeft_V = 0;

// Style Definitions
with(subStyle=new mm_style()){
    onbgcolor="#439B24"; // release 3 green
    oncolor="white";
    offbgcolor="whitesmoke";
    offcolor="black";
    bordercolor="#666";
    borderstyle="solid";
    borderwidth=2;
    separatorcolor="#CCC";
    separatorsize=1;
    padding=3;
    fontsize=12;
    fontstyle="normal";
    fontfamily="Verdana, Arial, sans-serif";
    subimage="arrow_off.png";
    onsubimage="arrow_on.png";
}

// Submenu Definitions

with(milonic=new menuname("hr")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
   screenposition="right";
    aI("text=THIS USES<br>the screenposition<br>property set to right<br>in this submenu;status=And This One;");
    aI("text=And This One;status=And This One;");
    aI("text=Elephant Hunt;status=Elephant Hunt;");
    aI("text=New Sausage;status=New Sausage;");
}

with(milonic=new menuname("umbrella")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
   screenposition="right";
    aI("text=See What I Mean;status=See What I Mean;");
    aI("text=Open Umbrella;status=Open Umbrella;");
    aI("text=Close Umbrella;status=Close Umbrella;");
    aI("text=Green Updates;status=Green Updates;");
    aI("text=Bubble and Squeak;status=Bubble and Squeak;");
    aI("text=Elephant on Hold;status=Elephant on Hold;");
}
with(milonic=new menuname("test1")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
   screenposition="right";
   top="offset=40"; 
    aI("text=New Submenu because<br>it uses top=<br>offset so it<br>has to be<br>different from<br>the umbrella one.;status=See What I Mean;");
    aI("text=See What I Mean;status=See What I Mean;");
    aI("text=Open Umbrella;status=Open Umbrella;");
    aI("text=Close Umbrella;status=Close Umbrella;");
    aI("text=Green Updates;status=Green Updates;");
    aI("text=Bubble and Squeak;status=Bubble and Squeak;");
    aI("text=Elephant on Hold;status=Elephant on Hold;");
}
with(milonic=new menuname("test2")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=This is under the first image at the left;");
}
with(milonic=new menuname("admin")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
   screenposition="right";
    aI("text=The Next One Across Overhangs;status=The Next One Across Overhangs;");
    aI("text=I have a submenu;status=I have a submenu;showmenu=test1;");
}

with(milonic=new menuname("timesheet")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=Upload Tree;status=Upload Tree;");
}

with(milonic=new menuname("performance")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=Job Evaluation;status=Job Evaluation;");
}

with(milonic=new menuname("recruitment")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=Very very very very very very long titles;status=Very very very very very very long titles;");
}

with(milonic=new menuname("relishs")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=Pretty Pictures;status=Pretty Pictures;");
    aI("text=Comp. Benefit Pastrami;status=Comp. Benefit Pastrami;");
    aI("text=Should be aligned to the right of the image;status=Should be aligned to the right of the image;");
    aI("text=Udders Actions Relish;status=Udders Actions Relish;");
}

with(milonic=new menuname("devtools")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=Menu is aligned with left side of image;status=Menu is aligned with left side of image;");
}

with(milonic=new menuname("logout")){
    style=subStyle;
    // TODO: I can't get the menus to align with the right side of each button
    openstyle="rtl";
    align="right";
    aI("text=Milonic Support Example;status=Milonic Support Example;");
    aI("text=test submenu;status=I have a submenu;showmenu=test2;");
}

drawMenus();

function openSubmenu(menuName, selectOpenemPos, mainOrientation){
  menuNum = getMenuByName(menuName);
  menuObj = gmobj("menu" + getMenuByName(menuName));

  subTop = subAdjustTop_H;
  subLeft = selectOpenemPos[1] + subAdjustLeft_H;
  subTop += _sT;
  spos(menuObj, subTop, subLeft);
  popup(menuName);
}
--></script>