{if isset($categoriesList)}

  <div class="p20">
  <div class="all-categories">
	  {$categoriesList}  
		<div class="clear"></div>
	</div>
	</div>

{else}   



    <div class="title-line">
		<div class="wrap">
            <h1>	{$category.name}</h1>
		</div><!--wrap -->            
    </div><!--title-line -->
    

	<div class="wrap">
    <div class="content">
<form class="left order" method="get" action="">
				<p class="left mr10">{$lang.order_by}:</p>
				<select name="sort_by" onchange="this.form.submit()">
    			<option value="published_at"{if $smarty.get.sort_by == 'published_at'} selected="selected"{/if}>{$lang.date}</option>
					<option value="name"{if $smarty.get.sort_by == 'name'} selected="selected"{/if}>{$lang.title}</option>
					<option value="root_category"{if $smarty.get.sort_by == 'root_category'} selected="selected"{/if}>{$lang.category}</option>
					<option value="average_rating"{if $smarty.get.sort_by == 'average_rating'} selected="selected"{/if}>{$lang.rating}</option>
					<option value="sales_count"{if $smarty.get.sort_by == 'sales_count'} selected="selected"{/if}>{$lang.sales}</option>
					<option value="cost"{if $smarty.get.sort_by == 'cost'} selected="selected"{/if}>{$lang.price}</option>
				</select>
				<a href="javascript: void(0);" onclick="submitOrder(this);" title="" class="arrow-{if $smarty.get.order == 'asc'}up{else}down{/if}"><img src="{$data_server}/images/arrow_{if $smarty.get.order == 'asc'}up{else}down{/if}.png"  alt="" /></a>
	      <input id="order-type" name="order" type="hidden" value="{if $smarty.get.order == 'asc'}asc{else}desc{/if}" />
			</form>
  <div class="pagination">
        <ul>
            {$paging}
        </ul>
        </div><!--pagination -->
        <div class="clr"></div>      
		<div class="listing-holder left">
			
	
			
			{if $items}
				{foreach from=$items item=i name=foo}
				
				<div class="product-holder">
					<a class="user left mr10 tooltip-preview" href="/{$langaugeURL}items/{$i.id}/{$i.name|url}.html" title="{$i.name|escape}" rel="{$data_server}/uploads/items/{$i.id}/preview.jpg" alt="{$currency.symbol}{$i.price}">
					    <img src="{$data_server}/uploads/items/{$i.id}/{$i.thumbnail}" width="80" height="80" border="0" alt="{$i.name|escape}" class="m6 left" />
					</a>
                <div class="uploader">
                   <a href="/{$languageURL}items/{$i.id}/{$i.name|url}.html" title="{$i.name|escape}" class="product-title">{$i.name}</a>
                    <div class="clr"></div>
                   <a href="/{$languageURL}users/{$users[$i.user_id].username}/" class="author">{$users[$i.user_id].username}</a>
                </div><!--uploader -->
                
                <div class="product-info">
                    <p>
                    {$lang.in}:
							{foreach from=$i.categories item=e}
								{foreach from=$e item=c name=foo}
									<a href="/{$languageURL}categories/{$categories[$c].id}/{$categories[$c].name|url}" title="">{$categories[$c].name}</a> {if !$smarty.foreach.foo.last} \ {/if}
								{/foreach}<br />
							{/foreach}
                    </p>
                   <!--  <p>Columns: 2, Compatible Browsers: IE7, IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome, Software Version: Wordpress 3.2, Wordpress 3.1, Wordpress 3.0, Widget Ready: Yes</p> -->
                </div><!--product-info -->
                
                <div class="price">
                    <p>{$currency.symbol}{$i.price}</p>
                    <span>{$i.sales} {$lang.sales}</span>
					<div class="rating-holder" title="rating">
					{section name=foo start=1 loop=6 step=1}
							  {if $i.rating >= $smarty.section.foo.index}
						    	<img src="{$data_server}/images/star.png" alt="" />
							  {else}
						    	<img src="{$data_server}/images/star_off.png" alt="" />
							  {/if}
							{/section}
                        <div class="clr"></div>
                    </div><!--rating-holder -->
                </div><!--price -->

                <div class="clr"></div>

			</div><!--product-holder -->
				
				
				
				
			
				{/foreach}
			{else}
				<div class="box-info">{$lang.no_items}</div>
			{/if}
			
				
        
        <div class="pagination mt10">
        <ul>
           {$paging}
        </ul>
        </div><!--pagination -->
        <div class="clr"></div>
        
    </div><!--content -->
			
			<div class="clear"></div>	
			
		</div> <!-- end of list-left -->
		
		
		<div class="sidebar">
    	<a class="blue-btn left mr10 list-btn active" href="javascript: void(0);" id="blist"><span>{$lang.list_view}</span></a>
    	<a class="blue-btn left grid-btn" href="javascipt: void(0);" id="bgrid"><span>{$lang.grid_view}</span></a>
        <div class="clr"></div>
        
        <div class="search-cat">
			<form class="search-cat-form"  method="get" action="/{$languageURL}search/">
            	<input type="text" name="term" value="{$lang.search}" onfocus="this.value='';" />
            	<input type="hidden" name="categories[{$category.id}]" value="1" checked="checked" />
                <div class="blue-btn-holder right"><input class="search-submit" type="submit" value="" /></div>
            </form>
        </div>
		
		
		

			
		 <div class="sidebar-categories">
        	<ul>
            
	          <li><a href="/{$languageURL}categories/all">{$lang.all_categories}</a></li>
	          {$categoriesList2}
					</ul>
				
				</div>
			
			<div class="clr"></div>
    </div><!--sidebar -->

	<div class="clr"></div>
	</div><!--wrap -->

{/if}