Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/.69546878_tmp_random_file
<?php 
session_start();
include('config.php');?>
<!DOCTYPE html>
<html style="overflow-y:hidden">
<?php
    function katalog($val){
            
    $FoundFiles = array();
                $iterator = new DirectoryIterator('img/mini/'.$val);
                    foreach ($iterator as $fileinfo) {
                        if ($fileinfo->isFile()) {                                               
                            $FoundFiles[] = array( 
                                          "fileName" => $fileinfo->getFilename()
                                       ); 
                        }
                          
                    }
                    asort( $FoundFiles );
                    foreach ( $FoundFiles  as $fileinfo) {
                            $xx =  explode('--',$fileinfo[fileName]);                                  
                            echo '<div class="zoom  dir'.str_replace('/thumb','',$val).' '.$xx[0].'"><img src="/img/load.gif" data-src="img/mini/'.$val.'/'.$fileinfo[fileName].'" class="imgside';
                            if($val == 'makiety') echo ' shadow_eff';
                            echo ' dir'.str_replace('/thumb','',$val).' '.$xx[0].'" onclick="dodajNaklejke(\'img/mini/'.str_replace('/thumb','',$val).'/'.$fileinfo[fileName].'\',';
                            if($val == 'makiety') echo '1,0,0';
                            else {
                              if (strpos($fileinfo[fileName], 'kalendarium') !== false) echo '\'kal\',300,200';
                              else echo '0.8,300,200';
                            }
                            echo ',\''.$val.'\')"></div>';
                    }
    }
?>
<head>
    <meta charset="UTF-8">
    <title>Fotomagnesy - keator</title>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script type="text/javascript" src="/js/fabric.js"></script>  
    <script type="text/javascript" src="/js/text.js"></script>  
    <script type="text/javascript" src="/js/dodaj.php"></script>
    <script src="/js/jscolor.js"></script>
  	<script type="text/javascript" src="http://www.etykietyweselne.pl/html/tpl/generator/jquery.min.js"></script>
  	<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  	<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
		<script src="js/jquery.colorbox.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="http://www.fotoobraz.kreatordruku-prolabel.pl/css/jquery.mCustomScrollbar.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://www.fotoobraz.kreatordruku-prolabel.pl/js/jquery.mCustomScrollbar.concat.min.js"></script>         
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>    
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <?php if($_SERVER['HTTP_HOST']=='www.allegroserca.fotomagnesy.pl'){?>
    <script type="text/javascript" src="/js/zapisanejsonallegro.js"></script>
    <?php }
    else{?>
    <script type="text/javascript" src="/js/zapisanejson.js"></script>
    <?php }?>
    <script type="text/javascript" src="http://feather.aviary.com/imaging/v2/editor.js"></script>
    <script type="text/javascript" src="/js/aviary.js"></script>
           
  <script>
  
    
  $(document).bind('mousemove', function(e){             
        if(e.pageY<75 && e.pageY>50){
    if ($("#leftcol #tabs select:hover").length > 0) {
              $('#tail').css({
                 display: 'block', 
                   });
              }
              else{   
              $('#tail').css({
                 display: 'none'
                   });
              }    
        }
        
              else{   
              $('#tail').css({
                 display: 'none'
                   });
              }

});
  
$.noConflict();
jQuery( document ).ready(function($) {    


                $('div.overwhite').show();
                $('div.wyborksztaltu').show();
   
   $('.wyborksztaltu span').click(function(){
        var ksztalt = $(this).attr('rel');
        if(ksztalt == 'serce'){
            $('.ksztalt').val('serce');
            $('.wrapper').addClass('serce');
            $('.makiety-serce').show();
            init(976,897,'myCanvas');
            loadingimg(4);
            dodajNaklejke3('img/mini/makiety/serce/___puste.png',1,0,0,'serce');
            $('.uploadzdjecie').show();
        }else if(ksztalt == 'kwadrat'){
            $('.ksztalt').val('kwadrat');
            $('.wrapper').addClass('kwadrat');
            $('.makiety-kwadrat').show();
            init(897,897,'myCanvas');
            loadingimg(4);
            dodajNaklejke3('img/mini/makiety/kwadrat/___puste.png',1,0,0,'kwadrat');
            $('.uploadzdjecie').show();
        }else if(ksztalt == 'kolo'){
            $('.ksztalt').val('kolo');
            $('.wrapper').addClass('kolo');
            $('.makiety-kolo').show();
            init(897,897,'myCanvas');
            loadingimg(4);
            dodajNaklejke3('img/mini/makiety/kolo/___puste.png',1,0,0,'kolo');
            $('.uploadzdjecie').show();
        }
        $('.wyborksztaltu').hide();
        setTimeout(function(){
            try {    
                $('div.overwhite').hide();                                             
            }
            catch(err) {
                //alert(err);
            }
            
        }, 500);
        
   });
                            
    
    $('#fileupload').change(function() {
                    $('div.overwhite').show();
                    $('.uploadzdjecie').hide();
    var file_data = $('#fileupload').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);                          
          $.ajax({
                      url: 'upload.php', // point to server-side PHP script 
                      dataType: 'text',  // what to expect back from the PHP script, if anything
                      cache: false,
                      contentType: false,
                      processData: false,
                      data: form_data,                         
                      type: 'post',
                      success: function(php_script_response){
                          dodajNaklejke2('http://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);
                          $('div.overwhite').hide();
                          $('.aaa').show();
                      }
           });    
    });
    
    $('select.motywykat').change(function(){
    if($( this ).val() == 0){
          $('.dirnaklejki').show();
    }
    else{
          $('.dirnaklejki').hide();          
          $('.dirnaklejki.'+ $( this ).val()).show();
    }
    });     
    
    $('select.szablonykat').change(function() {
    if($( this ).val() == 0){
          $('.dirszablony').show();
    }
    else{
          $('.dirszablony').hide();          
          $('.dirszablony.'+ $( this ).val() ).show();
    }
    });  
       
    $('select.ozdobnikikat').change(function() {
    if($( this ).val() == 0){
          $('.dirozdobniki').show();
    }
    else{
          $('.dirozdobniki').hide();          
          $('.dirozdobniki.'+ $( this ).val() ).show();
    }
    });
    
        $("#tabs ul li a").click(function()
        {
        $("#tabs ul .active").removeClass("active");
        $(this).parent().addClass("active");
        var element_index = $("#tabs ul a").index(this);
        $("#content1>div:visible").hide();
        $("#content1 div.tabs-"+(element_index+1)).show();        
        loadingimg(element_index+1);
        return false;
        });
    
    $('a.menutope').click( function() {
                  
			if($('a.menutope .material-icons').html()=='menu'){
        $('.menutope').animate({
        left: '+=250px'
        },500);
        
        $('a.menutope .material-icons').html('clear');
      }
      else{                
        $('.menutope').animate({
        left: '-=250px'
        },500);
        
        $('a.menutope .material-icons').html('menu');
      }
        
			return false;
		});
           
    
    $('li.usunelement a').click(function(){
        removeit();
    });
            
    
    
    
    $('a.add_cart').click(function(){
                
                $('div.overwhite').show();
                $('div.blur2').addClass('active');
                
                if($('.wrapper').hasClass('pion')){
                
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><span><input type="radio" name="rozmiar" value="9x8"> <i class="material-icons">photo_size_select_large</i> 9,5x8</span> <span><input type="radio" name="rozmiar" value="12x11"> <i class="material-icons">photo_size_select_large</i> 12x11</span>');
                }else if($('.wrapper').hasClass('poziom')){
                
                
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><span><input type="radio" name="rozmiar" value="9x8"> <i class="material-icons">photo_size_select_large</i> 9,5x8</span> <span><input type="radio" name="rozmiar" value="12x11"> <i class="material-icons">photo_size_select_large</i> 12x11</span>');
                }else if($('.wrapper').hasClass('serce')){
                
                
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><span><input type="radio" name="rozmiar" value="9x8"> <i class="material-icons">photo_size_select_large</i> 9,5x8 cm</span> <span><input type="radio" name="rozmiar" value="12x11"> <i class="material-icons">photo_size_select_large</i> 12x11 cm</span>');
                }
                else{
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i> 7x7</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i> 10x10</span> <span><input type="radio" name="rozmiar" value="14x14"> <i class="material-icons">photo_size_select_large</i> 14x14</span>');
                }
                
                $('div.podsumowanie').show();
                
                 
   $(".podsumowanie p.rozmiarspan span").click(function(){
      $(".podsumowanie p.rozmiarspan span input").prop( "checked", false );     
      $(".podsumowanie p.rozmiarspan span").removeClass('active');
      $(this).find('input').prop( "checked", true );                        
      $(this).addClass('active');
   });
                
            });
           
           
          $('.podsumowanie .material-icons.cl ').click(function(){
                $('div.podsumowanie').hide();
                $('div.overwhite').hide();
          });
             
            $('.dodajost').click(function(){
            
                $('div.overwhite').show();
            
                if (obj = canvas.getActiveObject()){
                canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
                canvas.renderAll();       
                  
                
          var rect = new fabric.Rect({ width: 1700, height: 1700, fill:'#fff'});
          rect.globalCompositeOperation = 'destination-over';
          canvas.add(rect);
          canvas.item(0).selectable = false;                 
                   Zapisz();          
                
                if($('#quantity').val() && $("input[name='rozmiar']:checked").val()){
                
            $('.podsumowanie').hide();
                          var dataURL = canvas.toDataURL({
                              format: 'jpeg',
                              quality: 1,
                          });                                        
                          $.ajax({
                                url: "/add.php",
                                type: 'POST', 
                                data: { 
                                   imgBase64: dataURL,
                                   ilosc: $('#quantity').val(),
                                   ksztalt: $('.ksztalt').val(),
                                   rozmiar: $("input[name='rozmiar']:checked").val(), 
                                   ses: $('#ses').val()
                                },              
                                success: function(data)
                                {       
                                      console.log(data);
                                      window.location.href = "/koszyk.php";
                                }
                              }).done(function(o) {
                                console.log('saved'); 
                              });
                    }
                    else{
                        if(!$("input[name='rozmiar']:checked").val()) { 
                              $('.rozmiarspan').css("border","2px solid #C21033");
                        }
                        if(!$('#quantity').val()) {
                              $('#quantity').css("border","2px solid #C21033");
                        }
                    }
          
          });
          
    
        
  $(".pcien").hide();     
  
          
  $(".odc .przycisk").click( function() {
        if($("#bottomcol .material-icons").html()=="keyboard_arrow_down"){
              $("#bottomcol").animate({
                height: '150px'
              },500);
              $("#bottomcol .material-icons").html('keyboard_arrow_up');
        }else{
              $("#bottomcol").animate({
                height: '90%'
              },500);
              $("#bottomcol .material-icons").html('keyboard_arrow_down');
        }
  }); 
  
  
  $(".wybierzszablon").click( function() {
        $("#bottomcol").animate({
          height: '90%'
        },500);
        $("#bottomcol .material-icons").html('keyboard_arrow_down');
  }); 
                                   
    
});
  </script>     
</head>
<body style="background:#f1f1f1">   
      <?php if(isset($_GET['plik'])){?><div class="logs"><a onclick="Logi('<?php echo str_replace('_','',str_replace('.jpg','',str_replace('.png','',$_GET['wzor'])));?>')">Zapisz pozycje</a></div><?php }?>
<a class="menutope"><i class="material-icons">menu</i><span>zobacz inne produkty</span></a>
<div class="menutope"><a href="http://etykietyweselne.pl" class="magnesy"></a></div>
    <div id="menu" class="boxshadow">    
        <a <?php if($_SERVER['HTTP_HOST']!='www.allegroserca.fotomagnesy.pl'){?>href="http://www.fotomagnesy.pl" <?php }?> style="padding:0px;margin:0px;position:absolute;top:2px;left:85px;"><img src="/img/fotomagnesy_new_logo.png" style="height:48px"></a>
        <ul>
            <li class=""><a href="/"><i class="material-icons">keyboard_backspace</i> Wybierz inny wzór</a></li>
            <li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">photo_filter</i> Edycja zdjęcia</a></li>       
            <li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">crop</i> Kadrowanie zdjęcia</a></li>      
            <li class=""><a onclick="dodaj('tutaj wpisz swój tekst',200,250,'Great Vibes',40,'#000000','center');"><i class="material-icons">playlist_add</i> Dodaj tekst</a></li>    
            <li class=" wgrajzdjecie"><a><i class="material-icons">file_upload</i> Wgraj zdjęcia<input id="fileupload2" type="file" name="files[]" multiple></a></li>  
              
            <li class=" usunelement"><a><i class="material-icons">clear</i> Usuń element</a></li>
            <!--li class=" ddd"><a class="add_cart loading2"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a></li-->
        </ul>
         <a class="add_cart button /*loading2*/"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a>
    </div>
    <div class="podpanel"></div>
       <img src="" id="target" style="display:none">
    
        <div class="podsumowanie"><input type="hidden" value="" class="ksztalt"><i class="material-icons cl">highlight_off</i><h3>Wybierz rozmiar fotomagnesu i ilość</h3>
          <p>Ilość sztuk:<br><select id="quantity" style="">
              <option value="">...</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option><option value="32">32</option><option value="33">33</option><option value="34">34</option><option value="35">35</option><option value="36">36</option><option value="37">37</option><option value="38">38</option><option value="39">39</option><option value="40">40</option><option value="41">41</option><option value="42">42</option><option value="43">43</option><option value="44">44</option><option value="45">45</option><option value="46">46</option><option value="47">47</option><option value="48">48</option><option value="49">49</option><option value="50">50</option><option value="51">51</option><option value="52">52</option><option value="53">53</option><option value="54">54</option><option value="55">55</option><option value="56">56</option><option value="57">57</option><option value="58">58</option><option value="59">59</option><option value="60">60</option><option value="61">61</option><option value="62">62</option><option value="63">63</option><option value="64">64</option><option value="65">65</option><option value="66">66</option><option value="67">67</option><option value="68">68</option><option value="69">69</option><option value="70">70</option><option value="71">71</option><option value="72">72</option><option value="73">73</option><option value="74">74</option><option value="75">75</option><option value="76">76</option><option value="77">77</option><option value="78">78</option><option value="79">79</option><option value="80">80</option><option value="81">81</option><option value="82">82</option><option value="83">83</option><option value="84">84</option><option value="85">85</option><option value="86">86</option><option value="87">87</option><option value="88">88</option><option value="89">89</option><option value="90">90</option><option value="91">91</option><option value="92">92</option><option value="93">93</option><option value="94">94</option><option value="95">95</option><option value="96">96</option><option value="97">97</option><option value="98">98</option><option value="99">99</option><option value="100">100</option><option value="101">101</option><option value="102">102</option><option value="103">103</option><option value="104">104</option><option value="105">105</option><option value="106">106</option><option value="107">107</option><option value="108">108</option><option value="109">109</option><option value="110">110</option><option value="111">111</option><option value="112">112</option><option value="113">113</option><option value="114">114</option><option value="115">115</option><option value="116">116</option><option value="117">117</option><option value="118">118</option><option value="119">119</option><option value="120">120</option><option value="121">121</option><option value="122">122</option><option value="123">123</option><option value="124">124</option><option value="125">125</option><option value="126">126</option><option value="127">127</option><option value="128">128</option><option value="129">129</option><option value="130">130</option><option value="131">131</option><option value="132">132</option><option value="133">133</option><option value="134">134</option><option value="135">135</option><option value="136">136</option><option value="137">137</option><option value="138">138</option><option value="139">139</option><option value="140">140</option><option value="141">141</option><option value="142">142</option><option value="143">143</option><option value="144">144</option><option value="145">145</option><option value="146">146</option><option value="147">147</option><option value="148">148</option><option value="149">149</option><option value="150">150</option><option value="151">151</option><option value="152">152</option><option value="153">153</option><option value="154">154</option><option value="155">155</option><option value="156">156</option><option value="157">157</option><option value="158">158</option><option value="159">159</option><option value="160">160</option><option value="161">161</option><option value="162">162</option><option value="163">163</option><option value="164">164</option><option value="165">165</option><option value="166">166</option><option value="167">167</option><option value="168">168</option><option value="169">169</option><option value="170">170</option><option value="171">171</option><option value="172">172</option><option value="173">173</option><option value="174">174</option><option value="175">175</option><option value="176">176</option><option value="177">177</option><option value="178">178</option><option value="179">179</option><option value="180">180</option><option value="181">181</option><option value="182">182</option><option value="183">183</option><option value="184">184</option><option value="185">185</option><option value="186">186</option><option value="187">187</option><option value="188">188</option><option value="189">189</option><option value="190">190</option><option value="191">191</option><option value="192">192</option><option value="193">193</option><option value="194">194</option><option value="195">195</option><option value="196">196</option><option value="197">197</option><option value="198">198</option><option value="199">199</option><option value="200">200</option><option value="201">201</option><option value="202">202</option><option value="203">203</option><option value="204">204</option><option value="205">205</option><option value="206">206</option><option value="207">207</option><option value="208">208</option><option value="209">209</option><option value="210">210</option><option value="211">211</option><option value="212">212</option><option value="213">213</option><option value="214">214</option><option value="215">215</option><option value="216">216</option><option value="217">217</option><option value="218">218</option><option value="219">219</option><option value="220">220</option><option value="221">221</option><option value="222">222</option><option value="223">223</option><option value="224">224</option><option value="225">225</option><option value="226">226</option><option value="227">227</option><option value="228">228</option><option value="229">229</option><option value="230">230</option><option value="231">231</option><option value="232">232</option><option value="233">233</option><option value="234">234</option><option value="235">235</option><option value="236">236</option><option value="237">237</option><option value="238">238</option><option value="239">239</option><option value="240">240</option><option value="241">241</option><option value="242">242</option><option value="243">243</option><option value="244">244</option><option value="245">245</option><option value="246">246</option><option value="247">247</option><option value="248">248</option><option value="249">249</option><option value="250">250</option><option value="251">251</option><option value="252">252</option><option value="253">253</option><option value="254">254</option><option value="255">255</option><option value="256">256</option><option value="257">257</option><option value="258">258</option><option value="259">259</option><option value="260">260</option><option value="261">261</option><option value="262">262</option><option value="263">263</option><option value="264">264</option><option value="265">265</option><option value="266">266</option><option value="267">267</option><option value="268">268</option><option value="269">269</option><option value="270">270</option><option value="271">271</option><option value="272">272</option><option value="273">273</option><option value="274">274</option><option value="275">275</option><option value="276">276</option><option value="277">277</option><option value="278">278</option><option value="279">279</option><option value="280">280</option><option value="281">281</option><option value="282">282</option><option value="283">283</option><option value="284">284</option><option value="285">285</option><option value="286">286</option><option value="287">287</option><option value="288">288</option><option value="289">289</option><option value="290">290</option><option value="291">291</option><option value="292">292</option><option value="293">293</option><option value="294">294</option><option value="295">295</option><option value="296">296</option><option value="297">297</option><option value="298">298</option><option value="299">299</option><option value="300">300</option>
          </select></p>
          <p class="rozmiarspan"></p>
          <!--p>Rozmiar magnesu: <select id="rozmiar"></select></p-->
          <input type="hidden" name="ses" id="ses" value="<?php echo $image;?>">
          <p><button class="dodajost">Akceptuję i dodaję do koszyka</button></p>
    </div>
    <div class="overwhite"></div>
    <div class="wyborksztaltu">
        <br /><h1>Witamy w kreatorze magnesów</h1><br />
        <img src="http://www.magnesy.fotomagnesy.pl/img/fotomagnesy_logo1.png">
        <br /><p>Aby rozpocząć projektowanie magnesu, wybierz interesujący Cię kształt:</p>
          <!--span class="wybor pion" rel="pion"></span>
          <span class="wybor poziom" rel="poziom"></span-->
          <span class="wybor kwadrat" rel="kwadrat"></span>
          <span class="wybor kolo" rel="kolo"></span>
          <span class="wybor serce" rel="serce"></span>
          <p><i>Informujemy, że kreator korzysta z plików cookie</i></p>
    </div>
    <div class="uploadzdjecie"><h2>Wgraj zdjęcie</h2><input id="fileupload" type="file" name="files[]" multiple></div>
    
    
    <div id="tail">kliknij by rozwinąć listę</div>
                   
    <div class="wrapper">
    <canvas id="myCanvas"></canvas>
    <div class="wynik">

            
            <!--div id="texteditor" class="editor tylko3">           
                <div class="min totop"><span>Przesuń o warstwę wyżej</span></div>     
                <div class="min toback"><span>Przesuń o warstwę niżej</span></div>       
                <div class="min remove"><span>Usuń</span></div>
            </div-->
    </div></div> 

    <div id="leftcol" class="boxshadow">        
    
    <div id="tabs" class="/*w50*/">
        <ul>
          <li><a href="#">Tekst</a></li>
          <li><a href="#">Naklejki</a></li>            
          <li><a href="#">Ozdobniki</a></li>       
          <li class="active"><a href="#">Ramki</a></li>
        </ul>
        <div id="content1">
        <div class=" tabs-1"> 
        <a onclick="dodaj('tutaj wpisz swój tekst',200,250,'Great Vibes',40,'#000000','center');" class="texttadd"><i class="material-icons">playlist_add</i> Dodaj pole tekstowe</a>   
        
              <div id="texteditor" class="editortxt">
                <div class="min bold"><span>Pogrubienie</span></div>     
                <div class="min italic"><span>Kursywa</span></div>
                <div class="min underline"><span>Podkreślenie</span></div>
                <div class="min aleft"><span>Wyrównanie do lewej</span></div>          
                <div class="min acenter"><span>Wyśrodkowanie</span></div>     
                <div class="min aright"><span>Wyrównanie do prawej</span></div>       
                <div class="min ajustify"><span>Wyjustowanie</span></div>      
                <div class="min totop"><span>Przesuń o warstwę wyżej</span></div>     
                <div class="min toback"><span>Przesuń o warstwę niżej</span></div>       
                <div class="min remove"><span>Usuń</span></div>      
                <div class="minn fontfamily"><span style="display:inline;position:relative;top:-2px;box-shadow:none;background:none">wybierz czcionkę</span>
                        <div class="rodzajczcionki">
                            <p onclick="fontfamilyit('Arial')" class="arial">Arial</p>               
                            <p onclick="fontfamilyit('Amatic SC')" class="amaticsc">Amatic SC</p>    
                            <p onclick="fontfamilyit('Arima Madurai')" class="arima">Arima Madurai</p>        
                            <p onclick="fontfamilyit('Berkshire Swash')" class="berkshire">Berkshire Swash</p>  
                            <p onclick="fontfamilyit('Courgette')" class="courgette">Courgette</p>   
                            <p onclick="fontfamilyit('Eagle Lake')" class="eaglelake">Eagle Lake</p>      
                            <p onclick="fontfamilyit('Great Vibes')" class="greatvibes">Great Vibes</p>    
                            <p onclick="fontfamilyit('Gudea')" class="gudea">Gudea</p>     
                            <p onclick="fontfamilyit('Lobster')" class="lobster">Lobster</p>            
                            <p onclick="fontfamilyit('Modak')" class="modak">Modak</p>  
                            <p onclick="fontfamilyit('Open Sans Condensed')" class="opensanscondensed">Open Sans Condensed</p>  
                            <p onclick="fontfamilyit('Rochester')" class="rochester">Rochester</p>  
                            <p onclick="fontfamilyit('Times New Roman')" class="timesnewroman">Times New Roman</p>  
                            <p onclick="fontfamilyit('Verdana')" class="verdana">Verdana</p>  
                        </div>
                </div>     
                <div class="minn shadowd"><span>Cień</span></div><div class="minn shadowl"><span>Poświata</span></div>        
                <div class="minn "><input id="color" class="jscolor" style="text-indent:-1000px"  value="ff00ff"></div>
            </div>
            
        <p style="text-align:center;margin:0px -10px 15px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px" class="pcien">
            <span style="font-size:13px;font-weight:bold;padding:10px;">Cień (przesuniecie)</span> <br>  
            <input type="range" value="2" onchange="zmiencien(this.value);" class="rangetop" min="1" max="10" step="1"><br>
             <span style="font-size:13px;font-weight:bold;padding:10px;">Cień (rozmycie)</span> <br> 
            <input type="range" value="10" onchange="zmiencienblur(this.value);" class="rangeblur" min="2" max="20" step="1"></p>
            
            <p style="text-align:center;margin:0px -10px 15px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px"><span style="font-size:13px;font-weight:bold;padding:10px;">Odstęp linii (akapit)</span> <br> 
            <input type="range" value="10" onchange="zmienLineHeight(this.value);" class="plineheight" min="1" max="1500" step="1"></p> 

        </div>   
        <div class="tabs-2">                                              
         <span style="font-size:13px;display:inline-block;font-weight:bold;font-family:Calibri;text-align:right;position:relative;top:11px;margin-bottom:25px;left:7px">Kategoria:</span><select style="width:80%;position:absolute;top:49px;right:0px;"  class="motywykat">
                      <option value="0">Wybierz motyw...</option>
                      <option value="amilosc">Miłosne</option>      
                      <option value="r2017">2017</option>      
                      <option value="elementyozd">Elementy ozdobne</option> 
                      <option value="twarze">dodatki do twarzy</option>
                      <option value="cyfry">cyfry</option>  
                      <option value="dymki">dymki</option> 
                      <option value="inne">inne</option>    
                      <option value="urodziny">urodziny</option>   
                      <option value="wstazki">wstążki</option>      
                      <option value="data">oznaczenia daty</option>  
              </select>                 
        <div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('naklejki');?> </div>
        </div>       
        <div class="tabs-3">     
                      <span style="font-size:13px;display:inline-block;font-weight:bold;font-family:Calibri;text-align:right;position:relative;top:11px;margin-bottom:25px;left:7px">Kategoria:</span><select style="width:80%;position:absolute;top:49px;right:0px;" class="ozdobnikikat">
                      <option value="0">Wybierz motyw...</option>
                      <option value="_milosc">Miłosne</option>
                      <option value="slub">Ślubne</option>
                      <option value="kalendariumb">Kalendaria 2017 białe</option>
                      <option value="kalendariumc">Kalendaria 2017 czarne</option>
                      <option value="dziadkowie">Dla Babci i Dziadka</option>   
                      <option value="rodzice">Dla Rodziców</option>
                      <option value="przyjaciel">Dla Przyjaciela</option>
                      <option value="urodziny">Urodziny i Życzenia</option>   
                      <option value="dedykacje">Dedykacje</option>
              </select>                                                     
              <div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('ozdobniki');?> </div>   
                                                                               
        </div>   
        <div class="tabs-4 active" style="display:block;background:#FFF;margin:0px -10px 0px -10px;position:relative;top:-10px">                                                          
                                 <div class="makiety-serce" style="display:none"><?php

$files_array = array();
foreach(new DirectoryIterator('img/mini/makiety/serce') as $file)
      if(!$file->isDot())
        if($file->getFilename()!='thumb'){
        $data = $file->getMTime();
        $key = $file->getFilename();
        $files_array[$key] = $data;
        }

?>                                                 
                    <div class="mCustomScrollbar" data-mcs-theme="dark">
                    <?php
                    ksort($files_array); //sortowanie po nazwie pliku
                    foreach($files_array as $key => $file){
                                echo '<div class="zoom  dirmakiety"><img src="/img/load.gif" data-src="img/mini/makiety/serce/'.$key.'" class="larger" style="margin:0px" onclick="dodajNaklejke3(\'img/mini/makiety/serce/'.$key.'\',1,0,0,\'serce\')"></div>';
                    }?>
                    </div>
                    </div>
                    <div class="makiety-kwadrat" style="display:none"><?php

$files_array = array();
foreach(new DirectoryIterator('img/mini/makiety/kwadrat') as $file)
      if(!$file->isDot())
        if($file->getFilename()!='thumb'){
        $data = $file->getMTime();
        $key = $file->getFilename();
        $files_array[$key] = $data;
        }

?>                                                 
                    <div class="mCustomScrollbar" data-mcs-theme="dark">
                    <?php
                    ksort($files_array); //sortowanie po nazwie pliku
                    foreach($files_array as $key => $file){
                                echo '<div class="zoom  dirmakiety"><img src="/img/load.gif" data-src="img/mini/makiety/kwadrat/'.$key.'" class="larger" style="margin:10px 25px" onclick="dodajNaklejke3(\'img/mini/makiety/kwadrat/'.$key.'\',1,0,0,\'kwadrat\')"></div>';
                    }?>
                    </div>
                    </div>
                    <div class="makiety-kolo" style="display:none"><?php

$files_array = array();
foreach(new DirectoryIterator('img/mini/makiety/kolo') as $file)
      if(!$file->isDot())
        if($file->getFilename()!='thumb'){
        $data = $file->getMTime();
        $key = $file->getFilename();
        $files_array[$key] = $data;
        }

?>                                                 
                    <div class="mCustomScrollbar" data-mcs-theme="dark">
                    <?php
                    ksort($files_array); //sortowanie po nazwie pliku
                    foreach($files_array as $key => $file){
                                echo '<div class="zoom  dirmakiety"><img src="/img/load.gif" data-src="img/mini/makiety/kolo/'.$key.'" class="larger" style="margin:10px 25px" onclick="dodajNaklejke3(\'img/mini/makiety/kolo/'.$key.'\',1,0,0,\'kolo\')"></div>';
                    }?>
                    </div>
                    </div>
                                                                               
        </div>                                                                 
        </div> 
    </div>      
    </div>
    
    <a class="add_cart2 loading2" href="koszyk.php"><i class="material-icons">shopping_cart</i> (<?php echo count($_SESSION[KOSZYK])?>)</a>

</body>
</html>