<script type="text/javascript">
// <![CDATA[
    
			$('#lofnewproduct-{$moduleId}').carouFredSel({ldelim}
				responsive:true,
				prev: '#lofprev-{$moduleId}',
				next: '#lofnext-{$moduleId}',
				pagination: "#lofpager-{$moduleId}",
				auto: {$auto_play},
				width: {$slide_width},
				height: {$slide_height},
				scroll: {$scroll_items},
				items:{ldelim}
					width:200,
					visible:{ldelim}
						min:1,
						max:{$limit_cols}
					{rdelim}
				{rdelim}
			{rdelim});	
		
// ]]>
</script>
<div class="clearfix clear clr"></div>
<div class="lof-newproduct {$theme}" style="width:{$moduleWidth}">
	<section class="newproduct-widget">
		<header>
			<h3 class="newproduct-title">News Product</h3>
		</header>
		<div class="list-newproduct responsive">
			<ul id="lofnewproduct-{$moduleId}" class="newproduct-news clearfix">
				{foreach from=$listNews item=item}    
				<li>
					<article>
						<div class="newproduct-item box-hover clearfix">
							<div class="video-thumb">
								<img class="responsive-img" src="{$item.mainImge}" alt="{$item.name}"/>
							</div>
							<div class="entry-content">
								{if $show_date eq '1'}<div class="entry-date">{$item.dateAdd}</div>{/if}
								{if $show_price eq '1'}<div class="entry-price">{$item.price}</div>{/if}
								{if (($item.reduction) != ($item.price)) AND ($priceSpecial  eq '1')}
								<div class="entry-price-discount">{displayWtPrice p=$item.price_without_reduction}</div>
								{/if}
								{if $show_title eq '1'}
								<h4 class="entry-title">
									<a href="{$item.link}" target="{$target}">{$item.name}</a>
								</h4>
								{/if}
								{if $show_desc eq '1'}<p>{$item.description}</p>{/if}
								<a href="{$item.link}">{l s='Detail' mod='lofnewproduct'}</a>
								{if (($item.quantity > 0 OR $item.allow_oosp))}
								<a class="lof-add-cart ajax_add_to_cart_button" rel="ajax_id_product_{$item.id_product}" href="{$site_url}cart.php?add&amp;id_product={$item.id_product}&amp;token={$token}"><span>{l s='Add to cart' mod='lofnewproduct'}</span></a>
								{else}
									<span class="lof-add-cart">{l s='Add to cart' mod='lofnewproduct'}</span></a>
								{/if}
							</div>
						</div>
					</article>				
				</li>
				{/foreach}
			</ul>		
			<div class="clear"></div>
			{if $show_button eq '1'}
			<div class="newproduct-nav">
				<a id="lofprev-{$moduleId}" class="prev" href="#">&nbsp;</a>
				<a id="lofnext-{$moduleId}" class="next" href="#">&nbsp;</a>
			</div>{/if}
			{if $show_pager eq '1'}<div id="lofpager-{$moduleId}" class="lof-pager"></div>{/if}
		</div>
	</section>
</div>
  
