<div id="xo_globalnav">
    <!-- start menu -->
    <ul class="menu" id="menu">
        <{foreach item=item from=$navitems}>
            <li>
                <a href="<{$item.link}>" class="menulink"><{$item.text}></a>
                <ul>
                    <{foreach item=sub from=$item.menu}>
                        <li>
                            <{if $sub.options != 0}>
                                <a class="sub" href="<{$sub.link}>" title="<{$sub.title}>"><{$sub.title}></a>
                                <ul>
                                    <{foreach item=option from=$sub.options}>
                                        <li><a href="<{$sub.url}><{$option.link}>"><{$option.title}></a></li>
                                    <{/foreach}>
                                </ul>
                            <{else}>
                                <a href="<{$sub.link}>" title="<{$sub.title}>"><{$sub.title}></a>
                            <{/if}>
                        </li>
                    <{/foreach}>
                </ul>
            </li>
        <{/foreach}>
    </ul>
    <!-- start style choose -->
    <div id="choosestyle">
        <a href="<{$theme_css}>/index.html?style=dark" rel="dark" class="styleswitch"><{$smarty.const._OXYGEN_DARK}></a>
        <a href="<{$theme_css}>/index.html?style=silver" rel="silver" class="styleswitch"><{$smarty.const._OXYGEN_SILVER}></a>
        <a href="<{$theme_css}>/index.html?style=orange" rel="orange" class="styleswitch"><{$smarty.const._OXYGEN_ORANGE}></a>
    </div>
</div>

<script type="text/javascript">
    var menu = new menu.dd("menu");
    menu.init("menu", "menuhover");
</script>
