[%- USE T8 %]
[% USE HTML %]
 <script type="text/javascript">
<!--
function clockon() {
  var now = new Date();
  var h = now.getHours();
  var m = now.getMinutes();
  document.getElementById('clock_id').innerHTML = (h<10?'0'+h:h)+":"+(m<10?'0'+m:m);
  var timer=setTimeout("clockon()", 10000);
}
$(clockon);
//-->
 </script>

 <script type="text/javascript" src="js/dhtmlsuite/menu-for-applications.js"></script>

 <table class="menunew">
  <tr>
   <td>
    &nbsp;
    [<a href="login.pl?action=company_logo" target="_blank">[% 'new Window' | $T8 %]</a>]
    &nbsp;
    [<a href="JavaScript:top.print()">[% 'print' | $T8 %]</a>]
   </td>
   <td align="right" nowrap>
    [[% 'User' | $T8 %]: [% HTML.escape(MYCONFIG.login) %] -
    <a href="controller.pl?action=LoginScreen/logout" target="_top">[% 'logout' | $T8 %]</a>]
    [% date %] <span id='clock_id' style='position:relative'></span>&nbsp;
   </td>
  </tr>
 </table>

 <div id="main_menu_div"></div>

 [%- SET main_id = '100' %]
 <ul id="main_menu_model"  style='display:none'>
 [%- FOREACH mainitem = menu_items %]
  [%- SET main_id = main_id + 1 %]
  <li id="[% main_id %]"[% IF mainitem.image %] itemIcon="[% mainitem.image %]"[% END %]>
   <a href="[% IF mainitem.href %][% mainitem.href %][% ELSE %]#[% END %]">
    [%- HTML.escape(mainitem.title) %]
   </a>
   [%- IF mainitem.subitems %]
    <ul[%- IF force_ul_width %] width="[% mainitem.max_width * 10 %]"[% END %]>
     [%- SET sub1_id = main_id * 100 %]
     [%- FOREACH sub1item = mainitem.subitems %]
      [%- SET sub1_id = sub1_id + 1 %]
      <li id="[% sub1_id %]"[% IF sub1item.image %] itemIcon="[% sub1item.image %]"[% END %]>
       <a href="[% IF sub1item.href %][% sub1item.href %][% ELSE %]#[% END %]">
        [%- HTML.escape(sub1item.title) %]
       </a>
       [%- IF sub1item.subitems %]
        <ul[%- IF force_ul_width %] width="[% sub1item.max_width * 10 %]"[% END %]>
         [%- SET sub2_id = sub1_id * 100 %]
         [%- FOREACH sub2item = sub1item.subitems %]
          [%- SET sub2_id = sub2_id + 1 %]
          <li id="[% sub2_id %]"[% IF sub2item.image %] itemIcon="[% sub2item.image %]"[% END %]>
           <a href="[% IF sub2item.href %][% sub2item.href %][% ELSE %]#[% END %]">
            [%- HTML.escape(sub2item.title) %]
           </a>
          </li>
         [%- END %]
        </ul>
       [%- END %]
      </li>
     [%- END %]
    </ul>
   [%- END %]
  </li>
 [%- END %]
 </ul>

 <script type="text/javascript">
  <!--

$(function(){
  DHTMLSuite.createStandardObjects();

  DHTMLSuite.configObj.setImagePath('image/dhtmlsuite/');

  var menu_model = new DHTMLSuite.menuModel();
  menu_model.addItemsFromMarkup('main_menu_model');
  menu_model.init();

  var menu_bar = new DHTMLSuite.menuBar();
  menu_bar.addMenuItems(menu_model);
  menu_bar.setTarget('main_menu_div');
  menu_bar.init();
});



function open_url(url, target) {

}

    -->
 </script>