{if $system_configuration.item_image_server_uri}
	{assign var=SHOP_DIR value="{$system_configuration.item_image_server_uri}"}		
{/if}

<div id="content_box_popular2">
	<div class="popular_items">
		<div class="items_box">
		<div class="image_slider_content_outer_wrapper">
			<div class="image_slider_content_inner_wrapper">
				{foreach name=ArticleList item=shopArticle from=$shopArticles}
					<div class="slider_item_box">
						<a class="slider_item_box_info" href="{$serverProtocol}://{$servername}/{$shopArticle->short_uri}.html">{$shopArticle->name|truncate:27:"...":true}</a>
	
						<div class="slider_item_box_image">
							<a class="slider_image" href="{$serverProtocol}://{$servername}/{$shopArticle->short_uri}.html" style="background-image:url({$SHOP_DIR}images/article/overview_{if $shopArticle->file_name}{$shopArticle->file_name}{else}default_image.png{/if});"></a>
						</div>
	
						<div class="slider_item_box_price">
							<div class="slider_item_box_info_bull"></div>
							{if $no_prices}
								<div class="slider_price slider_enquiry_price">auf Anfrage</div>
							{else}
								{if $shopArticle->shop_price_1}
									{if $shopArticle->shop_bargain_price_1 > 0}
										<div class="slider_price slider_normal_price">
											{$shopArticle->shop_price_1|number_format:2:',':" "}&nbsp;&euro;
										</div>
										<div class="slider_price slider_bargain_price">
											{$shopArticle->shop_bargain_price_1|number_format:2:',':" "}&nbsp;&euro;
										</div>
									{else}
										<div class="slider_price">
											{$shopArticle->shop_price_1|number_format:2:',':" "}&nbsp;&euro;
										</div>
									{/if}
									<div style="clear:right;"></div>
								{else}
									<div class="slider_price slider_enquiry_price">auf Anfrage</div>
								{/if}
							{/if}
						</div>
					</div>
				{/foreach}
			</div>
		</div>
		<a class="trigger_left"></a>
		<a class="trigger_right"></a>
		<div class="popular_button_wrapper">
			<a href="#" class="popular_button button_most_buy popular_button_active">meistgekauft | Top10</a>
			<a href="#" class="popular_button button_most_show">meistgesehen | Top10</a>
			<a href="#" class="popular_button button_newest">neuesten 10 Artikel</a>
			<div style="clear:both;"></div>
		</div>
		</div>
	</div>
	
	<!-- popular manufacturers -->
			<div class="popular_manufacturer_wrapper">
			{*
			{if $popular_manufacturers}
				<ul>
				{foreach $popular_manufacturers as $popular_manufacturer}
					<li>
						<div class="manufacturer_box manufacturer_box_{$popular_manufacturer@iteration}">
							<span class="manufacturer_logo" style="background-image:url({$SHOP_DIR}images/manufacturers/{$popular_manufacturer->logo});"> </span><!-- repeat center center -->
							<!-- <img class="manufacturer_logo" src="{$SHOP_DIR}images/manufacturers/{$popular_manufacturer->logo}" alt="{$popular_manufacturer->name}" /> -->
							<span class="manufacturer_name">{$popular_manufacturer->name}</span>
							<span class="manufacturer_items_in_shop">Artikel: {$popular_manufacturer->items_in_shop}</span>
							<a class="manufacturer_link" href="/Kaufen/{$popular_manufacturer->short_uri}/">Alle Artikel</a>
						</div>
					</li>
				{/foreach}
				</ul>
			{/if}
			*}
			
			<a class="manufacturer_2" href="/Kaufen/{$popular_manufacturers[0]->short_uri}/">{$popular_manufacturers[0]->name}</a>
			<a class="manufacturer_8" href="/Kaufen/{$popular_manufacturers[7]->short_uri}/">{$popular_manufacturers[7]->name}</a>
			<a class="manufacturer_6" href="/Kaufen/{$popular_manufacturers[5]->short_uri}/">{$popular_manufacturers[5]->name}</a>
			<a class="manufacturer_3" href="/Kaufen/{$popular_manufacturers[2]->short_uri}/">{$popular_manufacturers[2]->name}</a>
			<a class="manufacturer_4" href="/Kaufen/{$popular_manufacturers[3]->short_uri}/">{$popular_manufacturers[3]->name}</a>
			<a class="manufacturer_10" href="/Kaufen/{$popular_manufacturers[9]->short_uri}/">{$popular_manufacturers[9]->name}</a>
			<a class="manufacturer_5" href="/Kaufen/{$popular_manufacturers[4]->short_uri}/">{$popular_manufacturers[4]->name}</a>
			<a class="manufacturer_1" href="/Kaufen/{$popular_manufacturers[1]->short_uri}/">{$popular_manufacturers[1]->name}</a>
			<a class="manufacturer_9" href="/Kaufen/{$popular_manufacturers[8]->short_uri}/">{$popular_manufacturers[8]->name}</a>
			<a class="manufacturer_7" href="/Kaufen/{$popular_manufacturers[6]->short_uri}/">{$popular_manufacturers[6]->name}</a>
			
			
			
			<div style="clear:both;"></div>
			<a class="button_manufacturer_list" href="/Herstellerliste/">zur Hersteller&uuml;bersicht</a>
			</div>
		</div>
	
</div>

<script type="text/javascript" src="{$PARENT_THEME_DIR}/media/js/content_box_popular2.js"></script>