{literal}
	<script>
		
		 window.onload = function () {
				 var position=$(window).scrollTop();
				 if(position < 270){
					window.setTimeout(function(){
					$("html, body").animate({ scrollTop: $('#category_head').offset().top + 'px'
							}, 1, 'swing');
							$('html, body').css({'overflow': 'auto'});
					},10); 
				}
				else
				{
					window.setTimeout(function(){
					$("html, body").animate({ scrollTop: position + 'px'
							}, 1, 'swing');
							$('html, body').css({'overflow': 'auto'});
					},10); 
				}
			}
	</script>
	{/literal}
{include file="templates/panels/panel-catalog-categories.html"}

<!-- Category Content Section Start -->
<div id="category_head">
  <section>

    <div id="category-content">
      <div class="main-wrapper">
        <div class="content-title">
          <h5> {$page_title} </h5>
        </div>

        <!-- ******************************************* category slider start *********************************************** -->
        {if !empty($rentalcategoryHeaderData)}
        {foreach item=each from=$categorysliderTimeInterval key=indx}
      <input type="hidden" name="{$each.slider_plugin_id}" class="{$each.slider_plugin_id}"  value="{$each.interval_desktop}">
    {/foreach}
    <div style="clear:both;"></div>
      <div class="bannerslider2 rental_slider" style="margin:auto;">
      <div class="items">
        {foreach item=each from=$rentalcategoryHeaderData key=indx}
          <div class="item" {if indx == 0 } style="z-index:2;" {/if} title="{$each.title}">
            <a href="{$each.link}" style="border: none; cursor: pointer;">
              <img src="images/rental_slider_category_header/{$each.image_name}" alt="" width="100%" height="100%">
            </a>
          </div>
        {/foreach}
      </div>
    </div>
    {literal}
<script type="text/javascript">
  $(document).ready(function(){
    var rsh_interval;
    if($('.rental_slider_category_header').val()!=0) rsh_interval = $('.rental_slider_category_header').val(); else rsh_interval = 2500;
    
    $("div.bannerslider2").bannerslider({
      showNumbers:false,
      showArrows:false,
      itemAnimation:'fade',
      autoAdvance:rsh_interval,
      pauseOnHover:true,
      animationPeriod:500,
      bottomOpacity:0,
      autoPlay:false
      });
  });

</script>{/literal}
{/if}

        <!-- ***************************************** category slider end ************************************************* -->

        {include file="templates/pages/catalog/elements/element-bread-crumbs.html"}
      {if ($catalog_mode == "catalog") && ($category.img || ($category.description != "")) }
          {if $category.img && empty($rentalcategoryHeaderData)}
            <img id="categoryImg" src="{$category.img}?v={$smarty.now}" alt="{$category.name|htmlspecialchars}" title="{$category.name|htmlspecialchars}" />
          {/if}
      {/if}
        {if $category.description != ""}
			<div class="category-content">{$category.description}</div>		 
		{/if} 
        
      </div>
    </div>
  </section>

  </section>

<!-- Category Content Section End -->
<!-- Sort By Section Start -->

<section>
  <div id="sort-by">
    <div class="main-wrapper">
      <div class="row">
        <div class="col-sm-4 col-xs-4">
          <div class="sort-title"> Sort by : </div>
        </div>
        <div class="col-sm-8 col-xs-8">
          <div class="sort-option">
			
            <select class="form-control" onchange="window.top.location.href=this.options[this.selectedIndex].value">
              <span class="caret"></span>              
              <option value="{$catalog_url_base}&amp;CatalogSetSortBy=price" {if $CatalogSortBy == "price"}selected{/if} >{$msg.catalog.show_prices_ascendinge}</option>
              <option value="{$catalog_url_base}&amp;CatalogSetSortBy=price_desc" {if $CatalogSortBy == "price_desc"}selected{/if} >{$msg.catalog.show_prices_descending}</option>
              <option value="{$catalog_url_base}&amp;CatalogSetSortBy=date" {if $CatalogSortBy == "date"}selected{/if} >{$msg.catalog.show_newest_to_system}</option>              
              <option value="{$catalog_url_base}&amp;CatalogSetSortBy=priority" {if $CatalogSortBy == "priority"}selected{/if}>CategorySort</option>
              <option value="{$catalog_url_base}&amp;CatalogSetSortBy=manufacturer" {if $CatalogSortBy == "manufacturer"}selected{/if}>Manufacturer</option>
              <option value="{$catalog_url_base}&amp;CatalogSetSortBy=product_id" {if $CatalogSortBy == "product_id"}selected{/if} >Product Id</option>
            </select>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Sort By Section End -->
{if $items_count> 0}
{include file="templates/pages/catalog/views/mobile.html"}
{else}
{if empty($categories[$parent].children)}
<div>
<h3>{$msg.catalog.no_results}</h3>
{lang msg=$msg.common.what_is_next url=$url_rel}
<ul class="list">
<li><a href="{$url_http}p=site_map">{$msg.common.site_map}</a></li>
<li><a href="{$url_http}">{$msg.common.goto_home_page}</a></li>
</ul>
<br/>&nbsp;
</div>
{/if}
{/if}
</div>
{include file="templates/panels/panel-catalog-quick-links.html"}