{include file="box/navig.tpl"}
<div class="product_box" itemscope itemtype = "http://schema.org/Product">
{*
<div class="pr_t"><div class="l"><div class="r">{$product.rubric_id|rubric}</div></div></div>
*} 
 <div class="row_product2"><div class="wrp">
      {if $product.pic2}
	  <a href="{$smarty.const.URL}uploaded/pic/catalogs/products/big/{$product.pic_big}" rel="shadowbox[gal]" title="{$product.name|stripslashes|escape:"html"}"><img src="{$smarty.const.URL}{if $product.pic2}uploaded/pic/catalogs/products/2/{$product.pic2}{elseif $product.pic}uploaded/pic/catalogs/products/{$product.pic}{else}http://extremstyle.ua/img/picno.jpg{/if}" alt="{$product.name|escape:'html'}" title="{$product.name|escape:'html'}" border="0" class="pic" align="left" width="244" /></a>
      {else}
	  <img src="{$smarty.const.URL}img/picno.jpg" alt="{$product.name|escape:'html'}" title="{$product.name|escape:'html'}" border="0" class="pic" align="left" width="244" />
	  {/if}
	  <div class="infor" align="center">


<div class="cost_box">

<div id='ratig-layer-{$product.id}' style="float: none;">
<div class="rating" style="">
		<ul class="unit-rating">
		<li class="current-rating" style="width:{$rating}px;">{$rating}</li>
		<li><a href="#" title="Óæàñíî" class="r1-unit" onclick="doRate('1', '{$product.id}'); return false;">1</a></li>
		<li><a href="#" title="Ïëîõî" class="r2-unit" onclick="doRate('2', '{$product.id}'); return false;">2</a></li>
		<li><a href="#" title="Ñðåäíå" class="r3-unit" onclick="doRate('3', '{$product.id}'); return false;">3</a></li>
		<li><a href="#" title="Õîðîøî" class="r4-unit" onclick="doRate('4', '{$product.id}'); return false;">4</a></li>
		<li><a href="#" title="Îòëè÷íî" class="r5-unit" onclick="doRate('5', '{$product.id}'); return false;">5</a></li>
		</ul>
</div></div>
<div style="display:none;" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="ratingValue" content="{$product.rating2}">
<meta itemprop="reviewCount" content="{$product.vote_num}">
</div>
<p>{$product.rating2} íà îñíîâå<br /> {$product.vote_num} ãîëîñîâ</p>  
<br />




       {if $product.cine_last>0}<div><strike>{$product.cine_last}</strike></div>{/if}
       {if $product.is_cost2 eq 1}
        <div><strike>{$product.cine}</strike></div>
        <br /><div class="cost">{$product.cine2} ãðí.</div>
		{if $rubric.is_usd eq 1}<div class="cost">{$product.cine|usd} $</div>{/if}
       {else}
        <br /><div class="cost">{$product.cine} ãðí.</div>
		{if $rubric.is_usd eq 1}<div class="cost">{$product.cine|usd} $</div>{/if}
       {/if}
	   <br/><br/><p>Íàëè÷èå è öåíû<br/> óòî÷íÿéòå íà<br/> ìîìåíò ïîêóïêè</p>
	   </div>
      </div>
      <div class="infob">
      <span class="h1">{$rubric.list_name}</span> <a href="{$smarty.const.URL}catalogs/brends/{$product.brend_name}/" class="f18">{$product.brend_name|stripslashes}</a>, <h1 itemprop="name">{if $rubric.literal eq 1}{$product.name|stripslashes|prodliteral}{else}{$product.name|stripslashes}{/if}</h1><div class="both"></div>
      {$product.text|stripslashes}
      {if $product.brend_text}
       <br /><a href="#" id="v_slidein" style="display:inline-block;border-bottom:1px dashed black;text-decoration:none;">ðàçìåðíàÿ ñåòêà</a>
       <div id="vertical_slide">
        {$product.brend_text|stripslashes}
       </div>
      {/if} 
      <div class="both"></div>
      </div><div class="both"></div>
       {if $product.video_code}<p><a href="#video" class="link_video">ñìîòðåòü âèäåî</a></p>{/if}
      {if $product.brend_pic_s}
       <p><a href="{$smarty.const.URL}uploaded/pic/catalogs/brends/s/{$product.brend_pic_s}" rel="shadowbox[gal]" style="border-bottom:1px dashed black;text-decoration:none;" title="ðàçìåðíàÿ ñåòêà">ðàçìåðíàÿ ñåòêà</a></p>
      {/if}		   
	   {if count($gallery)}
	   <div class="gallery_box">
	   {section name=i loop=$gallery}
        <a href="{$smarty.const.URL}uploaded/pic/catalogs/products/big/{$gallery[i].pic_big}" rel="shadowbox[gal]" title="{$gallery[i].name|stripslashes|escape:"html"}" class="link_pic2"><img src="{$smarty.const.URL}uploaded/pic/catalogs/products/gallery/{$gallery[i].pic}" border="0" alt="{$gallery[i].name}" title="{$gallery[i].name}" /></a>
       {/section}<div class="both"></div>
	   </div>
	   {/if}
     </div>
</div></div>







<div class="both"></div>

<div class="bar_products_parent">
{include file="box/banner.tpl" banner=$banner_14}

<div class="head">Ïðîñìîòðåííûå òîâàðû</div>
<div class="box_products">
{section name=i loop=$products_view}
	<div class="product">
       <a href="{$smarty.const.URL}{$products_view[i].rubric_translit}-catalogs/{$products_view[i].translit}-{$products_view[i].id}/"><img src="{$smarty.const.URL}uploaded/pic/catalogs/products/{$products_view[i].pic}" alt="{$products_view[i].title|escape:'html'}" title="{$products_view[i].title|escape:'html'}" border="0" class="pic" /></a>
       <p class="name1"><strong>{$products_view[i].rubric}</strong> <a href="{$smarty.const.URL}{$products_view[i].rubric_translit}-catalogs/{$products_view[i].translit}-{$products_view[i].id}/" style="text-transform:uppercase;" class="link_green"><strong>{$products_view[i].name|stripslashes|truncate:30}</strong></a></p>
       <p class="cost">{$products_view[i].cine} ãðí.</p>
	</div>
{/section}
</div>

{*
<div class="head">Ðåêîìåíäóåìûå òîâàðû</div>
<div class="box_products">
{section name=i loop=$products_parent}
	<div class="product">
       <a href="{$smarty.const.URL}{$products_parent[i].rubric_translit}-catalogs/{$products_parent[i].translit}-{$products_parent[i].id}/"><img src="{$smarty.const.URL}uploaded/pic/catalogs/products/{$products_parent[i].pic}" alt="{$products_parent[i].title|escape:'html'}" title="{$products_parent[i].title|escape:'html'}" border="0" class="pic" /></a>
       <p class="name1"><strong>{$products_parent[i].rubric}</strong> <a href="{$smarty.const.URL}{$products_parent[i].rubric_translit}-catalogs/{$products_parent[i].translit}-{$products_parent[i].id}/" style="text-transform:uppercase;" class="link_green"><strong>{$products_parent[i].name|stripslashes|truncate:30}</strong></a></p>
       <p class="cost">{$products_parent[i].cine} ãðí.</p>
	</div>
{/section}
</div>
*}
</div>

<table cellpadding="4" cellspacing="1" border="0" width="750" bgcolor="#c1c1c1" style="border-radius:5px 5px 0px 0px;">
<tr align="center" bgcolor="#969696" height="30" class="tr"><td width="144">Ôîòî</td><td width="150">Ðàçìåð</td><td width="150">Öâåò</td><td width="150">Êîä</td><td width="150">Ãäå êóïèòü</td><td width="150">Êóïèòü</td></tr>
{section name=i loop=$modifications}
{if $modifications[i].code}
<tr align="center" bgcolor="#ffffff"><td>{if $modifications[i].pic}<a href="{$smarty.const.URL}uploaded/pic/catalogs/modifications/big/{$modifications[i].pic_big}" rel="shadowbox[gal]" title="{$modifications[i].code|stripslashes|escape:"html"}"><img src="{$smarty.const.URL}uploaded/pic/catalogs/modifications/{$modifications[i].pic}" border="0" class="pic" alt="{$modifications[i].code|stripslashes|escape:"html"}" /></a>{else}<img src="{$smarty.const.URL}img/picno2.jpg" border="0" class="pic" alt="{$modifications[i].code|stripslashes|escape:"html"}" />{/if}</td><td>{$modifications[i].size}&nbsp;</td><td>{$modifications[i].color}&nbsp;</td><td>{$modifications[i].code}&nbsp;</td><td>{$modifications[i].code|mod_city}&nbsp;</td><td><a href="#" rel="product {$modifications[i].id}" class="link_kupit">â êîðçèíó</a></td></tr>
{/if}{/section}
</table>
<div class="both"></div>



{literal}<div class="addsoz">
    <table width="100%" border=0>
      <tr>
        <td width="50">
            <div id="fb-root"></div>
            <script>
                (function(d, s, id) {
                  var js, fjs = d.getElementsByTagName(s)[0];
                  if (d.getElementById(id)) {return;}
                  js = d.createElement(s); js.id = id;
                  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            </script>
            <div class="fb-like" data-href="extremstyle.ua" data-send="false" data-layout="button_count" data-width="50" data-show-faces="true"></div>
        </td>
        <td width="50">
            <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
            <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>
            <a class="odkl-klass-stat" href="{/literal}{$smarty.server.REQUEST_URI}{literal}" onclick="ODKL.Share(this);return false;" ><span>0</span></a>
        </td>
        <td width="100%">
            <div style="width:100px;">
                <!-- Put this script tag to the <head> of your page -->
                <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

                <script type="text/javascript">
                  VK.init({apiId: 2474832, onlyWidgets: true});
                </script>

                <!-- Put this div tag to the place, where the Like block will be -->
                <div id="vk_like"></div>
                <script type="text/javascript">
                VK.Widgets.Like("vk_like", {type: "10"});
                </script>
            </div>
        </td>
        <td width="30">
            <span class="txtb">Ïîäåëèòüñÿ:</span>
        </td>
        <td noWrap width="180" align="right">
            <script type="text/javascript" src="http://extremstyle.ua/js/share42/share42.js"></script>
            <script type="text/javascript">share42('http://extremstyle.ua/js/share42/','','',150,20)</script>
        </td>
     </tr>
    </table>
</div>{/literal}




  {if count($products_parent)}
  <div class="title3"><div class="l"><div class="r"><div class="w">Ðåêîìåíäóåìûå òîâàðû</div></div></div></div>
  <div class="tab_container rd">
  <div id="etab11" class="tab_content2">
  <ul id="mycarousel5" class="jcarousel-skin-tango">
		
                                {section name=i loop=$products_parent}
        <li>
       <a href="{$smarty.const.URL}{$products_parent[i].rubric_translit}-catalogs/{$products_parent[i].translit}-{$products_parent[i].id}/"><img src="{$smarty.const.URL}uploaded/pic/catalogs/products/{$products_parent[i].pic}" alt="{$products_parent[i].title|escape:'html'}" title="{$products_parent[i].title|escape:'html'}" border="0" class="pic" /></a>
       <p class="name1"><a href="{$smarty.const.URL}{$products_parent[i].rubric_translit}-catalogs/{$products_parent[i].translit}-{$products_parent[i].id}/"><strong>{$products_parent[i].name|stripslashes|truncate:30}</strong></a></p>
       <p class="brend1">{$products_parent[i].brend_name}</p>
       <p class="cost">{$products_parent[i].cine} ãðí.</p>
	   <a href="{$smarty.const.URL}{$products_parent[i].rubric_translit}-catalogs/{$products_parent[i].translit}-{$products_parent[i].id}/" class="link_kupit">Êóïèòü</a>
       </li>
                {/section}		
	
  </ul>
  </div></div>
  <div>&nbsp;</div>
  {/if}

{if count($params)>0}
 <div class="title3"><div class="l"><div class="r"><div class="w">Õàðàêòåðèñòèêè</div></div></div></div>
       <table bgcolor="#C7C7C7" cellpadding="2" cellspacing="1" width="100%">
        {section name=i loop=$params}
         <tr bgcolor="#ffffff"><td width="200">{$params[i].name}</td><td>{if $params[i].size}{$params[i].size} {/if}{$params[i].metka}</td></tr>
        {/section}
       </table>
{/if}

{if $product.video_code}
	   <div id="video" class="title3"><div class="l"><div class="r"><div class="w">Âèäåî</div></div></div></div>
       <center>{$product.video_code|stripslashes}</center>
{/if}

{if count($articles)>0}
       <div class="title3"><div class="l"><div class="r"><div class="w">Îáçîðû</div></div></div></div>
      {if count($articles)>0}
      {section name=i loop=$articles}
       <p><a href="{$smarty.const.URL}articles/{$articles[i].id}/">{$articles[i].title}</a></p>
      {/section}
      {else}

      {/if}
{/if}

{if $product.doc}
<div class="title3 mt">Äîêóìåíòàöèÿ</div>
{$product.doc|stripslashes}
{/if}
{*
<div class="bots">
<a href="#" class="tab">Õàðàêòåðèñòèêè</a> <a href="#" class="tab">Ôîòî-âèäåî</a> <a href="#" class="tab">Îáçîðû</a> <a href="#" class="tab">Äîêóìåíòàöèÿ</a>
</div>
<div class="bot_content">
     <div class="feature">{if $product.params}{$product.params|stripslashes}{else}Çàêëàäêà ïóñòà!{/if}</div>
     <div class="feature">
       <div class="txtb">Ôîòî:</div>
       {if count($gallery)>0}
       {section name=i loop=$gallery}
        <div class="box_pic">
        <p><a href="{$smarty.const.URL}uploaded/pic/catalogs/gallery/big/{$gallery[i].pic_big}" rel="milkbox[galls2]" title="{$gallery[i].name|stripslashes|escape:"html"}"><strong>{$gallery[i].name}</strong></a></p>
        <a href="{$smarty.const.URL}uploaded/pic/catalogs/gallery/big/{$gallery[i].pic_big}" rel="milkbox[galls1]" title="{$gallery[i].name|stripslashes|escape:"html"}"><img src="{$smarty.const.URL}uploaded/pic/catalogs/gallery/{$gallery[i].pic}" border="0" alt="{$gallery[i].name}" title="{$gallery[i].name}" class="pic" /></a>
        </div>
        {if not ($smarty.section.i.rownum mod 3)}<div class="both"></div>{/if}
       {/section}<div class="both"></div>
       {else}ïóñòî!{/if}
       <div class="txtb">Âèäåî:</div>
       {if count($video)>0}
        {section name=i loop=$video}
        <div id="video_{$video[i].id}" class="ct">{if $video[i].type eq "code"}{$video[i].code|stripslashes}{/if}</div>
        <p class="ct">{$video[i].name}</p>
   {if $video[i].type eq "video"}
   <script type="text/javascript">{literal}
   var obj = new Swiff('{/literal}{$smarty.const.URL}{literal}js/player.swf', {
    width:  500,
    height: 300,
    container: $('video_{/literal}{$video[i].id}{literal}'),
params: {
        allowfullscreen: 'true',
        allowscriptaccess: 'always',
        wmode: 'transparent',
        flashvars: 'file={/literal}{$smarty.const.URL}uploaded/pic/catalogs/video/{$video[i].video}{literal}'
    },
    events: {
        onLoad: function() {
            alert("Flash is loaded!")
        }
    }
});{/literal}</script>
    {/if}
        {/section}
       {else}ïóñòî!{/if}
     </div>
     <div class="feature">
      {if count($articles)>0}
      {section name=i loop=$articles}
       <p><a href="{$smarty.const.URL}articles/{$articles[i].id}/">{$articles[i].title}</a></p>
      {/section}
      {else}
       Çàêëàäêà ïóñòà!
      {/if}
     </div>
     <div class="feature">{if $product.doc}{$product.doc|stripslashes}{else}Çàêëàäêà ïóñòà!{/if}</div>
</div>
*}