{include file="header.tpl"}
{include file="promocje.tpl"}

<script type="text/javascript" src="{$SCRIPT_URL}/dostawy.js"></script>
<script type="text/javascript" src="{$SZABLON_DIR}/script/jSlider.js"></script>
<script type="text/javascript" src="{$SCRIPT_URL}/TabSwitcher/tabswitcher.js"></script>
<link rel=stylesheet type="text/css" href="{$SZABLON_DIR}/style/tabs.css">
{link css="prettyPhoto"}
{link js="towar_jquery, jquery.prettyPhoto"}
<script type="text/javascript" src="{$SZABLON_DIR}/script/koszyk_jquery.js"></script>

{*include file="menuSzukaj.tpl"*}

{include file="menu.tpl"}

{assign var=tID value=$towar->ID}

<div class="body_center wide">

{******************************************************************************}
{*              Opis towaru tabelka
{******************************************************************************}

{$message}

      <div class=nawigacja ><a href="{$MAIN_URL}?action=katalog">Wszystkie</a> &raquo; {$tree_path}</div><br>

      <h1 class="h1title" align='left' >
        {if $towar->ARCHIWALNY == 1}<span style="text-decoration: line-through; ">{$towar->NAZWA}</span> - archiwalny{else} {$towar->NAZWA} {/if}
      </h1><br>


<table width="100%" border="0" cellpading="0" cellspacing="0">
    <tr>
        <td valign="top">
            <table  class="data" cellpadding=0 cellspacing=0>

              <tr class={cycle values="even,odd"}>
                <td width="30%" class='label' {if $USER_AKWIZYTOR == 1} style="cursor:pointer;" onmouseover="dostawy_pokaz = 1; get_dostawy({$towar->ID});" onmouseout="dostawy_pokaz = 0; nd();" {/if}>&nbsp; </td>
                <td  class='label srodek'>Netto: </td>
                <td  class='label srodek'>Brutto: </td>
              </tr>

{if $smarty.const.CENA2_ID > 0 }
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Cena katalogowa:</td>
                <td width="30%" class='srodek'><span class="cena2_netto">{$towar->CENA2_NETTO|currency_format}</span></td>
                <td width="30%" class='srodek'><span class="cena2_brutto">{$towar->CENA2_BRUTTO|currency_format}</span></td>
              </tr>
{/if}


{if $towar->CENA_PROMO_NETTO > 0}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Cena promocyjna:</td>
                <td width="30%" class='srodek '><span class="cena_promo_netto">{$towar->CENA_PROMO_NETTO|currency_format}</span></td>
                <td width="30%" class='brutto srodek bold'><span class="cena_promo_brutto">{$towar->CENA_PROMO_BRUTTO|currency_format}</span></td>
              </tr>

              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Cena katalogowa:</td>
                <td width="30%" class='srodek'>{$towar->CENA|currency_format}</td>
                <td width="30%" class='brutto srodek'>{$towar->CENA_BRUTTO|currency_format}</td>
              </tr>
{else}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Cena katalogowa: {* Cena: parametr CENA NAZWA określa jak ma sie nazywac cena*}</td>
                <td width="30%" class='srodek '>{$towar->CENA|currency_format}</td>
                <td width="30%" class='brutto srodek bold'>{$towar->CENA_BRUTTO|currency_format}</td>
              </tr>
{/if}

{if $towar->CENA_INDYWIDUALNA}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Twoja cena: </td>
                <td width="30%" class=' srodek'>{$towar->CENA_KLIENTA|currency_format}</td>
                <td width="30%" class=' srodek'>{$towar->CENAB_KLIENTA|currency_format} </td>
              </tr>
{/if}

{if $towar->CENA_RABAT}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Cena po rabacie: </td>
                <td width="30%" class='srodek'>{$towar->CENA_PO_RABACIE|currency_format}</td>
                <td width="30%" class='srodek'>{$towar->CENAB_PO_RABACIE|currency_format} </td>
              </tr>
{/if}

              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Vat: </td>
                <td align='center' colspan=2 class=''>{$towar->VAT}</td>
              </tr>


{if $POKAZ_DOSTEPNOSC == 1 }
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Stan: </td>
                <td align='center' colspan=2 class='tabcell'>
                  {if $towar->CECHA1 > 0}
                      <span id="towar_ilosc_czastkowa">{$towar->ILOSC_CZASTKOWA}</span> / {$towar->ILOSC_CALKOWITA_STR}&nbsp;
                  {else}
                      {$towar->ILOSC_STR}&nbsp;
                  {/if}
                </td>
              </tr>
{/if}

{if $POKAZ_WAGE}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Waga brutto: </td>
                <td align=left colspan=2 class='tabcell'>{$towar->WAGAB_STR}</td>
              </tr>
{/if}

{if $POKAZ_INDEX1}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Indeks 1: </td>
                <td align=left colspan=2 class='tabcell'>{$towar->SKROT}&nbsp;</td>
              </tr>
{/if}

{if $POKAZ_INDEX2}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Indeks 2: </td>
                <td align=left colspan=2 class='tabcell'>{$towar->SKROT2}&nbsp;</td>
              </tr>
{/if}

{*
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Producent: </td>
                <td align=left colspan=2 class='tabcell'>
                  {if $towar->PRODUCENT > 0}
                      <a href='{$URL_PATH}/{$towar->PRODUCENT_NAZWA_URL}-p-{$towar->PRODUCENT}.html'>{$towar->PRODUCENT_NAZWA}</a></td>
                  {else}
                      Brak
                  {/if}
              </tr>
*}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='label'>Do koszyka: </td>
                <td align=left colspan=2 class='tabcell'>

                    <form method='GET' action='{$MAIN_URL}' name="towar2kosz">
                        <input type='hidden' name='action' value="koszyk" >
                        <input type='hidden' name='mode' value="dodaj" >
                        <input type='hidden' name='w_koszyku' value="1" >
                        <input type='hidden' name='ID' value="{$towar->ID}" >

                        <input type='text' name='SZT' class='number' size=1 onfocus="this.value='' "onclick="" value="0" style="margin:0px;" onblur="przelicz_szt2opk(this.form)">

                        <div class="up-down" style="display: inline-block; width: 18px; overflow: hidden; height: 20px; vertical-align:middle; position:relative;">
                            <span class="up-btn" style="background: url('{$SZABLON_DIR}/images/buttons/up.gif') 0 0 no-repeat; display: inline-block; width: 18px;height:9px; top:0; overflow: hidden; cursor:pointer;" onclick="zwieksz(document.forms['towar2kosz'].elements['SZT']);"></span>
                            <span class="down-btn" style="background: url('{$SZABLON_DIR}/images/buttons/down.gif') 0 0 no-repeat; display: inline-block; width: 18px;height:9px; top:9px; overflow: hidden; cursor:pointer;" onclick="zmniejsz(document.forms['towar2kosz'].elements['SZT']);"></span>
                        </div>

                        {$towar->JEDNOSTKA_SKROT}
                        <a title="Dodaj do koszyka"  style="width:110px" class="small_button icon" onclick="do_koszyka_show();return false;"><span style="line-height:16px;width:90px;float:left;text-indent:0px;">Do koszyka</span><span style="float:left;"class="ui-icon ui-icon-cart"></span></a>
                    </form>
              </tr>



{if $towar->liczba_cech > 0}
              <tr class={cycle values="even,odd"}>
                  <td  class='label tabcell' align=center colspan=3><b>Cechy towaru</b></td>
              </tr>
<script type="text/javascript">{$towar->matryca_cech_js}</script>
    {section loop=$towar->cechy name=tc}
              <tr class="{cycle values='even,odd'}">
                <td width="40%" class='label'>{$towar->cechy[tc].nazwa}: </td>
                <td align='left' colspan=2 class='tabcell'>
                    <form  method='GET' action='{$MAIN_URL}' name="towar2koszUp">
                        <input type='hidden' name='action' value="koszyk" >
                        <input type='hidden' name='mode' value="dodaj" >
                        <input type='hidden' name='w_koszyku' value="1" >
                        <input type='hidden' name='ID' value="{$towar->ID}" >

                    <input type="hidden" name="towar_cecha[{$smarty.section.tc.index}][id]">
                    <input type="hidden" name="towar_cecha[{$smarty.section.tc.index}][nazwa]">

                    <select name="towar_cecha[{$smarty.section.tc.index}]" onchange="towar_cecha_onchange(this, {$smarty.section.tc.index});">
                        <option value="0">Wybierz</option>
                    {foreach from=$towar->cechy[tc].wartosci item=cecha}
                        <option value="{$cecha.ID}" {$cecha.selected}>{$cecha.NAZWA}</option>
                    {/foreach}
                    </select>
                </td>
              </tr>
    {/section}
{/if}

{if $towar->ARCHIWALNY == 0}
  {if count($towar->opakowania) > 0}
              <tr class={cycle values="even,odd"}>
                <td width="40%" class='tabcell'>Opakowań zbiorczych: </td>
                <td align=left colspan=2 class='tabcell' valign=middle>
                    <script type="text/javascript">
                      var towar_opk = [
                      {foreach from=$towar->opakowania item=opakowanie}
                      {$opakowanie.POJEMNOSC},
                      {/foreach}
                      ];
                    </script>

                    <table border=0 cellpadding=0 cellspacing=0 >
                      <tr>
                        <td><input type='text' name='OPK_SZT' class='number' size=10 onclick="" value="1" disabled style="margin:0px;" onblur="przelicz_opk2szt(this.form);"></td>
                        <td>
                          <table border=0 cellpadding=0 cellspacing=0 style="margin-left:2px;margin-right:6px;margin-top:-4px;">
                            <tr><td style="padding-top:4px;"><img src="{$SZABLON_DIR}/images/buttons/up.gif" style="cursor:pointer;" width=17 height=9 title="Zwiększ" alt="Zwiększ liczbę opakowań zbiorczych towaru o jeden." onclick="opk_zwieksz(document.forms['towar2koszUp'].elements['OPK_SZT']);"></td></tr>
                            <tr><td><img src="{$SZABLON_DIR}/images/buttons/down.gif" style="cursor:pointer;" width=17 height=9 title="Zmniejsz" alt="Zmniejsz liczbę opakowń zbiorczych towaru o jeden." onclick="opk_zmniejsz(document.forms['towar2koszUp'].elements['OPK_SZT']);"></td></tr>
                          </table>
                        </td>
                        <td>
                         <div style="overflow: show; width: 100px">
                          <select name="OPK_ID" class="opakowania_zbiorcze" style="vertical-align:middle;" onchange="handle_select_opk(this);">
                            <option > Wybierz </option>
                            {foreach from=$towar->opakowania item=opakowanie}
                            <option value="{$opakowanie.ID}">{$opakowanie.NAZWA} [{$opakowanie.POJEMNOSC} {$towar->JEDNOSTKA_SKROT}]</option>
                            {/foreach}
                          </select>
                         </div>
                        </td>
                        </tr>
                    </table>
                    <script type="text/javascript">
                      var opk_id = '{$koszyk_poz.opk_id}';
{literal}
                      onload_add( function(){
                          if( select_option(document.forms['towar2koszUp'].OPK_ID, opk_id ) > 0 ){
                              document.forms['towar2koszUp'].elements['OPK_SZT'].disabled = false;
                          }
                      });
{/literal}
                    </script>
                    </form>
                </td>
              </tr>

{/if}
{/if}


            </table>
            <div class="clear">&nbsp;</div>
            <div style="text-align: center; padding: 5px 0px;">
              {if #isSerwis#}
                  <img src="{$SZABLON_URL}/images/nac/centrum-serwisowe.png" alt="" />
              {else}
                  <img src="{$SZABLON_URL}/images/nac/gwarancja_nac.png" alt="" />
              {/if}              
            </div>
        </td>
{**************************************************************************************************}
        <td valign="top" style="width: 340px; overflow: hidden;" align="center">

{if count($towar->images) > 0}
{literal}
<script type="text/javascript">
$(function(){
	$('.jslider').jSlider({
		nextClass:'jnext',// the class of the link onclick will slide next
		prevClass:'jprev',// the class of the link onclick will slide previous
		showItems:4,// show current items
		slideSpeed:500,// transition speed
		circular:true// if true then the sliding will be circular
	});
 });
</script>
{/literal}
{literal}
<style>
.jslider{
height:140px; width:400px; position:relative; overflow: hidden;
}
.jslider dd
{
float:left; margin:0 ;height: 140px; width:100px; text-align:center;
}
</style>
{/literal}

<table id="slider" width="100%" align="center" >
	<tr>
        <td align="center" valign=center height=300>
            <a href="{$IMAGES_URL}/obrazki/orginal/{$towar->RYSUNEK}.jpg" title="{$towar->NAZWA|escape:'html'}" rel="prettyPhoto[towarGallery]">
                <img class="zdjecie_towaru" title="Kliknij aby powiększyć" id="towar_rysunek" src="{$IMAGES_URL}/obrazki/small/{$towar->RYSUNEK}.jpg" alt=''>
            </a>
        </td>
	</tr>
	<tr align="center">
		<td>
			<table>
				<tr>
					<td>
						{if count($towar->images) > 4}
							<a class="jprev" href="#"><span class="butt_next"><</span></a>
						{/if}
					</td>
					<td width="300px">
						<div class="jslider" id="towarImagesSlider">
							<dl style="width: 950px; position: absolute; top: 0pt; overflow: hidden;">
							{foreach from=$towar->images key=k item=attachment_id}
								<dd><center>
									<a href="{$IMAGES_URL}/obrazki/orginal/{$towar->ID}_{$attachment_id}.jpg" rel="prettyPhoto[towarGallery]" title="{$towar->NAZWA|escape:'html'}">
										<img  src="{$IMAGES_URL}/obrazki/mini/{$towar->ID}_{$attachment_id}.jpg" style="cursor:pointer;" alt="">
									</a>
								</center></dd>
							{/foreach}
							</dl>
						</div>
					</td>

					<td>
						{if count($towar->images) > 4}
							<a class="jnext" href="#"><span class="butt_next">></span></a>
						{/if}
                	</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

{literal}
<script type="text/javascript">
var $towar_rysunek = null;
$('#towarImagesSlider a').click(function(e){
    e.preventDefault();
    if ( !$towar_rysunek ) {
        $towar_rysunek = $('#towar_rysunek');
    }
    $towar_rysunek.parent().attr('href', this.href);
    $towar_rysunek.attr('src', this.href.replace('/orginal/', '/small/'));
    return false;
});
</script>
{/literal}

{else}    {*kiedy jest jeden obrazek*}
<div style="text-align:center">
    <a href="{$IMAGES_URL}/obrazki/orginal/{$towar->RYSUNEK}.jpg" title="{$towar->NAZWA|escape:'html'}" rel="prettyPhoto">
        <img class="zdjecie_towaru" title="Kliknij aby powiększyć" id="towar_rysunek" src="{$IMAGES_URL}/obrazki/small/{$towar->RYSUNEK}.jpg" alt=''>
    </a>
</div>
{/if}

        </td>
    </tr>
</table>


{literal}
<script type="text/javascript">
$(function(){
    $("a[rel^=prettyPhoto]").prettyPhoto({
        animation_speed: 'slow', /* fast/slow/normal */
        slideshow: 8000, /* false OR interval time in ms */
        opacity: 0.80, /* Value between 0 and 1 */
        show_title: true, /* true/false */
        allow_resize: true, /* Resize the photos bigger than viewport. true/false */
        allow_expand: false,
        default_width: 500,
        default_height: 344,
        counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
        horizontal_padding: 20, /* The padding on each side of the picture */
        keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
        social_tools: false,
        changepicturecallback: function (){
            $('#pp_full_res img').bind('contextmenu', function(e){
                e.preventDefault();
                return false;
            });
        }
    })

    var $imageZoom = $("a[rel^=prettyPhoto] img");

    $imageZoom.wrap('<div class="zoomer" />');
	/* Making the added border width completely automatic */
	$imageZoom.load(function(){
        var addBordi = jQuery(this).width();
        jQuery(this).parent().width(addBordi+10);
	});

    $imageZoom.hover(function(){
		jQuery(this).animate({"opacity": "0.65"},{queue:true,duration:300});
	}, function() {
		jQuery(this).animate({"opacity": "1"},{queue:true,duration:300});
	});
});
</script>
{/literal}

<center>
    <ul class="buttons" colspan="3">
        <li><a class = "dialog small_button" href="{$MAIN_URL}?action=polec&amp;TOWAR_ID={$towar->ID}" title="Poleć znajomemu">Poleć</a></li>
        <li><a class="small_button" href="#" onclick="otworz_okno('{$MAIN_URL}?action=towar&amp;mode=show&amp;print=1&amp;ID={$towar->ID}');">Drukuj</a></li>
        <li><a class = "dialog small_button" href="{$FAV_URL}?action=add&amp;TOWAR_ID={$towar->ID}&amp" title="Edycja / dodawanie Towaru do ulubionych">Do ulubionych</a></li>
        <li><a class = "small_button dialog" href="{$MAIN_URL}?action=uwaga&amp;mode=add" class="dialog"  title="Zgłaszanie uwag i błędów w działaniu e-commerce">Zgłoś uwagę</a></li>
        <li><a class = "small_button" href='{$MAIN_URL}/action_towar/producent_{$towar->PRODUCENT}/{$towar->PRODUCENT_NAZWA}.html'>Towary producenta</a></li>
    </ul>
</center>


<div class=clear style="height: 20px">&nbsp;</div>

<div  class="nac_box" style="width: 100%">

    <div style="padding: 0px 10px 0px 10px">
        <h2>Opis</h2>

        <div class=towar_opis>{$towar->OPIS|nl2br}</div>

        {if $POKAZ_PRODUCENTA && ($towar->PRODUCENT > 0) && !empty($towar->PRODUCENT_CONTENT)}
        <h2>Informacje o producencie:</h2>
        <div class=producent_opis>
        {if $towar->PRODUCENT_LOGO > 0}
            <img src="{$IMAGES_URL}/logos/{$towar->PRODUCENT_LOGO}.jpg" style="float: left; margin-right: 8px; margin-bottom: 8px;">
        {/if}

        {$towar->PRODUCENT_CONTENT|nl2br}
        </div>
        {/if}


        {if $POKAZ_OPAKOWANIA && count($towar->opakowania) > 0}
        <table width="100%" cellpadding=1 cellspacing=1>
        <tr>
            <th colspan=5 class="catalog_menu">Opakowania zbiorcze</th>
        </tr>
        <tr>
            <th class="catalog_menu-left">Domyślne</th>
            <th class="catalog_menu-left">Kod Kreskowy</th>
            <th class="catalog_menu-left">Pojemność</th>
            <th class="catalog_menu-left">Nazwa opakowania</th>
            <th class="catalog_menu">Uwagi</th>
        </tr>

        {foreach from=$towar->opakowania item=opakowanie}
        <tr class=nvplain>
            <td class="docitem center">{$opakowanie.DOMYSLNA}</td>
            <td class="docitem center">{$opakowanie.KOD_KRESKOWY}</td>
            <td class="docitem center">{$opakowanie.POJEMNOSC} {$towar->JEDNOSTKA_SKROT}</td>
            <td class="docitem center">{$opakowanie.NAZWA}</td>
            <td class="docitem center">{$opakowanie.UWAGI}</td>
        </tr>
        {/foreach}
        </table>
        {/if}

        <p class='nowarranty'>
        Pomimo dołożenia wszelkich starań nie możemy zagwarantować, że umieszczone
        dane techniczne nie zawierają uchybień lub błędów, które jednak nie mogą
        być podstawą do roszczeń.
        W przypadku wątpliwości prosimy o kontakt z handlowcem przed podjęciem
        decyzji o zakupie.
        </p>
    </div>
</div>

<div class=clear style="height: 1px">&nbsp;</div>



    <div style="width: 100%;margin-top:10px;" class="buttons" >
      {make_btn name=" Powrót " adres="" style=" float: left;" onclick="history.back();"}
      {if $edit_btn}
          {make_btn name=" Edycja " adres="$ADMIN_URL?action=towary&amp;mode=edit&amp;ID=$tID" style=" float: left;" }
      {/if}
    </div>

  </div><!-- div.body_center -->

{include file="footer.tpl"}