Subversion-Projekte lars-tiefland.ci

<script>
    $(document).ready(function(){
        
        $('.subnav, .marker_container').mouseenter(function(){
            var id = $(this).attr('id');
            idArr = id.split('_');
            id = idArr[1];
            $('.topnav_active').hide();
            $('#topnav_active_'+id).show();
        });
        
        
        $('.topnav li').click(function() {
            $('.subnav').hide();
            $('.sub2').html("");
            var id = $(this).attr('id');
            idArr = id.split('_');
            id = idArr[1];
            $('#sub_'+id).toggle();
        });
        
        // 3. Ebene in den DIV zur Ausgabe verschieben
        $('.level02_item').click(function(){
            $('.sub2').html("");
            $('.subhead_active').removeClass('subhead_active').addClass('subhead_inactive');
            $('.sub_head').removeClass('active');
            var state = $(this).children().children().attr('class');
            
            if(state=="subhead_inactive") {
                $('.subhead_inactive', this).removeClass('subhead_inactive').addClass('subhead_active');
                $('.sub_head', this).addClass('active');
            }
            var str = $('.sub2data', this).html();
            $('.sub2').html(str);
        });
        
        // closeMenu
        $('.closeMenu').click(function(){
            $('.subnav, .topnav_active').hide("fade");
        });
        
    });
</script>

<nav class="topnav noprint" role="navigation">
    <div class="inner">
        <!-- level01 -->
        <ul class="topnav_ul">
            {if $herstellerInMenu|is_array}
            <li id="li_one" style="cursor:pointer;">
                <a class="topnav_li" id="one">Marken</a>
                <div id="topnav_active_one" class="topnav_active desktop"></div>
            </li>
            {/if}
        {foreach $nav as $n}
            {foreach $n.top as $top}
            <li class="{if $n@last}last{/if}" id="li_{$top.id}" style="cursor:pointer;">
                {if $n.sub|count>0}
                <a class="topnav_li" id="{$top.id}">{$top.name}</a>
                {else}
                <a class="topnav_li" id="{$top.id}" href="{$top.dirLink}">{$top.name}</a>
                {/if}
                <div id="topnav_active_{$top.id}" class="topnav_active desktop"></div>
            </li>  
            {/foreach}
        {/foreach}
        </ul>
        {if $herstellerInMenu|is_array}
        <div class="subnav" id="sub_one">
            <div class="subnav_outer_container">
              <div class="subnav_inner_container">
                  <div class="closeMenu"><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button></div>
                  <div class="subnav_padding">
                
                    {foreach $herstellerInMenu as $key => $value}
                    <div class="level02_item" id="one">
                        <div class="marker_container"><div class="subhead_inactive"></div></div>
                        <span class="sub_head">{$value.Name}</span>
                        {if $herstellerSerie[$value.ID]}
                            <span class="sub2data">
                                {foreach $herstellerSerie[$value.ID] as $sub3}
                                   <a href="{$sub3.serieLink}">{$sub3.serieName}</a>
                                {/foreach}
                            </span>                                
                        {/if}
                    </div>
                    {/foreach}
                </div>
                <div class="sub2">
                </div>
              </div>               
            </div>
        </div>
        {/if}


        {foreach $nav as $n}
            
            {foreach $n.top as $top}
                {if $n.sub|count}
                <div class="subnav" id="sub_{$top.id}">
                   <div class="subnav_outer_container">
                        <div class="subnav_inner_container">
                            <div class="closeMenu"><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button></div>
                          <div class="subnav_padding">
                            <!-- level02 -->
                            
                                {section loop=$n.sub start=0 name=s_ind}
                                {if $n.sub[s_ind].dirLink && $n.sub[s_ind].name}
                                <div class="level02_item" id="{$n.sub[s_ind].id}">
                                    {if $n.sub[s_ind].sub2|count > 0} 
                                        <div class="marker_container"><div class="subhead_inactive"></div></div>
                                        <span class="sub_head">{$n.sub[s_ind].name}</span>
                                    {else}
                                        <span class="sub_head"><a href="{$n.sub[s_ind].dirLink}">{$n.sub[s_ind].name}</a></span>
                                    {/if}
                                    <!-- level03 -->
                                    {if $n.sub[s_ind].sub2}
                                    <span class="sub2data">
                                        {foreach $n.sub[s_ind].sub2 as $sub3}
                                            <a href="{$sub3.dirLink}">{$sub3.name}</a>
                                        {/foreach}                                    
                                    </span>
                                    {/if}                            
                                </div>
                                {/if}
                                {/section}
                            </div>
                            <div class="sub2">
                                            
                            </div>                
                           
                        </div>
                       
                        
                    </div>
                </div>
                {/if}
            {/foreach}

        {/foreach}
                            
        
    </div>
</nav>