{if $used_equipment_visible_new=='Yes'}

{literal}

<script type="text/javascript">
$(document).ready(function(){
	
	if($.cookie('currentToggleUsed')=="visible")
	{ 	
		$('#panel_hide').fadeIn().css("display","block");
		$('.flip').text("Hide");
		$.cookie('currentToggleUsed', 'visible', { path: '/' });
	}
	else
	{
		$('#panel_hide').fadeOut("slow").css('display','none');
			$('.flip').text("Show All");
			
			$.cookie('currentToggleUsed', 'hidden', { path: '/' });
	}
	
$(".flip").click(function(){
	
		if($(this).text()=="Show All") 
		{	$('#panel_hide').fadeIn().css("display","block");
			$(this).text("Hide");
			
			$.cookie('currentToggleUsed', 'visible', { path: '/' });
		 }
		else
		{	
			$('#panel_hide').fadeOut("slow").css('display','none');
			$(this).text("Show All");
			
			$.cookie('currentToggleUsed', 'hidden', { path: '/' });
		}
		
  });
var timeout;
$("li.menu_li").mouseout(function(){
    clearTimeout(timeout)
var dmp = $(this);
    timeout = setTimeout(function(){

       dmp.find("ul").hide();
   $("li.menu_li ul").hide();
    },400);
}).mouseover(function(){
  clearTimeout(timeout);
var dmp = $(this);

timeout = setTimeout(function(){

$("li.menu_li ul").hide();
dmp.find("ul").css({"display":"block","left":"161px","padding":"0 10px","top":"0px","border":"thin solid #F2E7C7"});
  },400);
});

$("li.sub_li").bind("mouseenter",function(){

$(this).find("ul").css({"display":"block","left":"161px","padding":"0 10px","top":"0px","border":"thin solid #F2E7C7"});
});
$("li.sub_li").bind("mouseleave",function(){

$(this).find("ul").css({"display":"none"});
});
var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};
if(isMobile.any()){
   $('.check_mobile').show();
} else {
   $('.check_desktop').show();
}
});
</script>
{/literal}
<ul class="drop-down-menu drop-down-menu-vertical" style="border-bottom: none !important;padding-bottom: 0px;">
    <!-- <li><a href="http://www.pavementgroup.com/used-equipment/" class="drop-down-menu-item" style="font-weight: bold;">All Used Equipment</a></li> -->
    {assign var="count" value=0}
{foreach from=$categories item="category" name="cat"}
{if $category.parent == 1} 
<li class="menu_li">
{if !empty($category.children)}
<a href="{$category.category_url}" class="{if $DesignSideMenuStyle==drop-down}drop-down-menu-item{/if} check_desktop" style="display:none;"><span>{$category.name}   {if !empty($category.children)} <b>&raquo;</b> {/if}</span></a>
<a href="javascript:void(0);" class="{if $DesignSideMenuStyle==drop-down}drop-down-menu-item{/if} check_mobile" style="display:none;"><span>{$category.name}   {if !empty($category.children)} <b>&raquo;</b> {/if}</span></a>
{else}
<a href="{$category.category_url}" class="{if $DesignSideMenuStyle==drop-down}drop-down-menu-item{/if}"><span>{$category.name}   {if !empty($category.children)} <b>&raquo;</b> {/if}</span></a>
{/if}
            {math equation="x+1" assign="count" x=$count} 
{if !empty($category.children)}
{*$category.children|@print_r*}
<ul>
{assign var="categories" value=$category.children}
{include file="templates/panels/includes/panel-catalog-categories-item2.html"}
</ul>
{/if}
</li>       
    {if $count == $used_equip_count}
</ul>
<ul class="drop-down-menu" id="panel_hide" style="border-top: none !important;border-bottom: none !important;padding: 0px">
    {/if}
    {/if}
{/foreach}
</ul>
{if $count> $used_equip_count}
<ul style="border-top:0px !important;
"> <li class="flip" style="padding-left: 8px;color: #000000; font-weight: bold;line-height: 15px !important;cursor: pointer;">Show All</li></ul>
{/if}
        {/if}