## ==================================================
## Copyright (C) SiteVision 2011, all rights reserved
## This portlet uses the SiteVision Public API
## ==================================================
#set ($propertyUtil = $sitevisionUtils.propertyUtil)
#if ($propertyUtil.getNode($portlet, 'menuRoot'))
   #set ($nodeIteratorUtil = $sitevisionUtils.nodeIteratorUtil)
   #set ($nodeTreeUtil = $sitevisionUtils.nodeTreeUtil)
   #set ($rootNode = $propertyUtil.getNode($portlet, 'menuRoot'))
   #set ($pages = $nodeIteratorUtil.getMenuItems($rootNode))
   #set ($counter = 0)
   #if ($pages.hasNext())

      #set ($linkRenderer = $sitevisionUtils.linkRenderer)
      #set ($currentPage = $sitevisionUtils.portletContextUtil.currentPage)
          <div class="menu-container">
              <a class="toggle-menu" href="#"><img src="/images/18.2851c78b144dfc233e78/1395324076216/meny.png" alt="Meny" /></a>
              <ul class="nav">
                #foreach ($p in $pages)
                    #if ($linkRenderer.isValidTarget($p))
                        $linkRenderer.update($p)

                        #set ($subPages = $nodeIteratorUtil.getMenuItems($p))
                        #set ($hasSubLevels = $subPages.hasNext())
                        <li>
                            $linkRenderer.render()
                            #if ($hasSubLevels)
                                <img class="arrow" src="/images/18.2851c78b144dfc233e76/1395324066074/pil_ner.png" alt="Underliggande" />
                                <ul>
                                #foreach ($sub in $subPages)
                                    #if ($linkRenderer.isValidTarget($sub))
                                        $linkRenderer.update($sub)
                                        <li>$linkRenderer.render()</li>
                                    #end
                                #end
                                </ul>
                            #end
                        </li>
                    #end
                    #set ($counter = $counter + 1)
                #end
              </ul>
            </div>
   #end
#end
<script type="text/javascript">

var ww = document.body.clientWidth;

$svjq(document).ready(function() {
    $svjq(".toggle-menu").click(function(e) {
        e.preventDefault();
        $svjq(this).toggleClass("active");
        $svjq(".nav").toggle();
    });

    $svjq(".nav li img").each(function() {
        if ($svjq(this).next().length > 0) {
            $svjq(this).addClass("parent");
        };
    })
    adjustMenu();
});

function adjustMenu() {
    if (ww < 480) {
        $svjq(".toggle-menu").css("display", "inline-block");
        if (!$svjq(".toggle-menu").hasClass("active")) {
            $svjq(".nav").hide();
        } else {
            $svjq(".nav").show();
        }
        $svjq(".nav li").unbind('mouseenter mouseleave');
        $svjq(".nav li img").unbind("click").bind("click", function(e){
            e.preventDefault();
            $svjq(this).parent("li").toggleClass('hover');
    });
    } else {
        $svjq(".toggle-menu").css("display", "none");
        $svjq(".nav").show();
        $svjq(".nav li").removeClass("hover");
        $svjq(".nav li a").unbind("click");

        $svjq(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
            $svjq(this).toggleClass('hover');
        });
    }
}

$svjq(window).bind('resize orientationchange', function() {
    ww = document.body.clientWidth;
    adjustMenu();
});


</script>