<div class="xmenuhorizontal">
<%
var xmenu_headings = {};
if(locals.menudata && menudata.MainMenu){
  %><div class="xmenu"><%
    for(var i=0;i<menudata.MainMenu.length;i++){ var menuitem = menudata.MainMenu[i];
      xmenu_headings[menuitem.ID] = menuitem.Title;
      %><a href="<%-menuitem.Link%>" onclick="<%-ejsext.escapeHTML(menuitem.OnClick?menuitem.OnClick+';return false;':'')%>" data-id="<%=menuitem.ID%>" class="xmenuitem xmenuitem_<%=ejsext.escapeCSSClass(menuitem.ID)%> <%-ejsext.iif(menuitem.Selected,'selected')%>"><%=menuitem.Title%><div class="bottom"></div></a><%
    }
    %><a class="xmenu_more" href="#"><div class="xmenu_more_bg">Menu <img src="<%-req.jshsite.publicurl%>images/arrow_right_white.png" /><div class="bottom"></div></div></a><%
  %></div><%
  %><div class="xmenuside"></div><%
  %><div class="xmenupaddle"></div><%
}
if(locals.menudata && menudata.SubMenus){
  for(var parentid in menudata.SubMenus){ var submenu = menudata.SubMenus[parentid];
    var parentname = '';
    if(parentid in xmenu_headings) parentname = xmenu_headings[parentid];
    %><div style="display:none;" class="xsubmenu xsubmenu_<%=ejsext.escapeCSSClass(parentid)%>" data-parent="<%=parentid%>"><div class="head"><%=parentname%>:</div><%
    for(var i=0;i<submenu.length;i++){ var menuitem = submenu[i];
      %><a href="<%-menuitem.Link%>" onclick="<%-ejsext.escapeHTML(menuitem.OnClick?menuitem.OnClick+';return false;':'')%>" data-id="<%=menuitem.ID%>" class="xsubmenuitem xsubmenuitem_<%=ejsext.escapeCSSClass(menuitem.ID)%> <%-ejsext.iif(menuitem.Selected,'selected')%>"><%=menuitem.Title%></a><%-ejsext.iif(i<submenu.length-1,'<div>&nbsp;|&nbsp;</div>')%><%
    }
    %><a class="xsubmenu_more" href="#">Menu &nbsp;&#9656;</a><%
    %></div><%
    %><div class="xsubmenuside"></div><%
  }
}
%>
</div>