{if $_vars.pages}
<div id="blocks_{$module._module.idlinker}_nav">
<ul class="main">

{foreach from=$_vars.pages key=i item=item}
{if ($_config.page && $_config.page[$item.id_pag] == 'true') || !$_config.page}

    {assign var="bar" value=$i+1}
    {assign var="foo" value=$_vars.pages.$bar.level_pag}
    {assign var="bar" value=$i-1}
    {assign var="prev" value=$_vars.pages.$bar.level_pag}
    
    <li class="level{$item.level_pag}{if $prev < $item.level_pag} first{/if}{if $foo < $item.level_pag} last{/if}">
    {if $foo > $item.level_pag}<a target="{$_config.target[$item.id_pag]}" class="level{$item.level_pag} toggle{if $_Global.currentpageid==$item.id_pag} active{/if}" href="#" onclick="javascript:return false;">{$item.title_pag}</a>
    {else}<a target="{$_config.target[$item.id_pag]}" href="{$item.name_pag}-{$item.id_pag}.html" class="level{$item.level_pag} content{if $_Global.currentpageid==$item.id_pag} active{/if}">{$item.title_pag}</a>{/if}
    
    {if $foo > $item.level_pag}
    <ul class="level{$item.level_pag}">
    {elseif $foo == $item.level_pag}
    </li>
    {elseif $foo < $item.level_pag}
    	</li>
    	{section name=fooo loop=$item.level_pag-$foo}
    		</ul></li>
    	{/section}
    {/if}

{/if}
{/foreach}
</ul>
</div>
{/if}

{literal}
<script type="text/javascript">
	window.addEvent('domready', function() {
		var lis = $('blocks_{/literal}{$module._module.idlinker}{literal}_nav').getElements('li.level0');
		var currenti = -1; var j = 0;
		$each(lis, function(li, i) {
			if(li.getFirst('a').hasClass('toggle') && li.getElement('a.active')) currenti = j;
			else if(li.getFirst('a').hasClass('toggle')) j++;
		});
		new Accordion('div#blocks_{/literal}{$module._module.idlinker}{literal}_nav a.toggle', 'div#blocks_{/literal}{$module._module.idlinker}{literal}_nav ul ul', {
			show:currenti,
			onActive:function(toggler, element) {
				$each(lis, function(li, i) {
					li.getFirst('a').removeClass('active');
				});
				toggler.addClass('active');
			},
			onBackground:function(toggler, element) {
				toggler.removeClass('active');
			}
		});
	});		
</script>
{/literal}