Current File : /home/users/barii/public_html/finansenl.com.pl/wodki/application/views/product/detail.php
<?php           

    //print_r($_SERVER[REQUEST_URI]);
		$params = explode("!", $seo ); 
		$name_pendant = $params[2]; 
		
		preg_match_all("/([0-9]+)/", $name_pendant, $matches, PREG_SET_ORDER);
		$id_pendant = $matches[0][0];
		
		$pendants = 'uploads/items/zawieszki/'.$params[1].'/Zawieszka_'.$id_pendant.'.png';
		
		if( !file_exists( $pendants ) ) {
			$pendants = 'uploads/items/zawieszki/brak_zawieszki.png';
		}
		    
    if($params[0]=='stock'){
          $rodzajwidth=1407;        
          $rodzajw=700;
          $rodzajh=447; 
          $rodzajwo=700; 
          $rodzajho=447;
          }    
    if($params[0]=='bols'){
          $rodzajwidth=1407;        
          $rodzajw=700;
          $rodzajh=447; 
          $rodzajwo=700; 
          $rodzajho=447;
          }     
    if($params[0]=='delux'){
          $rodzajwidth=898;        
          $rodzajw=700;
          $rodzajh=903; 
          $rodzajwo=520; 
          $rodzajho=670;
          $params[2] = str_replace('delux','deluxe',$params[2]); 
          }     
    if($params[0]=='uniwersalna'){
          $rodzajwidth=662;        
          $rodzajw=662;
          $rodzajh=1252; 
          $rodzajwo=400; 
          $rodzajho=756; 
          }
    if($params[0]=='zubrowka') {
          $rodzajwidth=992;          
          $rodzajw=840; 
          $rodzajh=1240;
          $rodzajwo=500;  
          $rodzajho=739;  
          }
    if($params[0]=='tadeusz') {
          $rodzajwidth=1240;          
          $rodzajw=840; 
          $rodzajh=616; 
          $rodzajwo=700; 
          $rodzajho=514;  
          }   
    if($params[0]=='wyborowa') {
          $rodzajwidth=1241;          
          $rodzajw=840; 
          $rodzajh=401; 
          $rodzajwo=800; //800  500
          $rodzajho=382;  //382  239
          }       
    if($params[0]=='krupnik') {
          $rodzajwidth=791;          
          $rodzajw=840; 
          $rodzajh=1630; 
          $rodzajwo=400; //800  500
          $rodzajho=776;  //382  239
          }            
    if($params[0]=='soplica') {            //75 113
          $rodzajwidth=886;          
          $rodzajw=840; 
          $rodzajh=1267; 
          $rodzajwo=500; //800  500
          $rodzajho=754;  //382  239
          }
    
    function katalog($val){
                $iterator = new DirectoryIterator('img/dodatki/'.$val);
                    foreach ($iterator as $fileinfo) {
                        if ($fileinfo->isFile()) {                                                    
                         $xx =  explode('--',$fileinfo->getFilename());                                  
                            echo '<div class="zoom  dir'.str_replace('/thumb','',$val).' '.$xx[0].'"><img src="img/mini/'.$val.'/'.$fileinfo->getFilename().'" class="imgside dir'.str_replace('/thumb','',$val).' '.$xx[0].'" onclick="dodajNaklejke(\'img/mini/'.str_replace('/thumb','',$val).'/'.$fileinfo->getFilename().'\',0.4,100,100)"><img src="img/mini/'.$val.'/'.$fileinfo->getFilename().'" class="imgzoom"></div>';
                        }
                    }
    }
    
?>
            <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>
            <?php if($_SERVER['HTTP_HOST']=='www.etykietyweselne.pl') {?>
                <script type="text/javascript" src="js/zapisanejson.js"></script>
            <?php }else{?>
                <script type="text/javascript" src="js/zapisanejsonallegro.js"></script>
            <?php }?>
            <script src="/js/jscolor.js"></script>
            
   <link rel="stylesheet" href="http://www.magnesy.fotomagnesy.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.magnesy.fotomagnesy.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/ui/1.11.4/jquery-ui.js"></script>
<style> 

.wynik .canvas-container, .canvas-container canvas,div.wynik,div.k {
    width: <?echo $rodzajwo?>px !important;
    height: <?echo $rodzajho?>px !important;
    margin: 0px auto;
}

</style>  


<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://feather.aviary.com/imaging/v2/editor.js"></script>
<script type="text/javascript">
    var featherEditor = new Aviary.Feather({
        apiKey: 'a814b61e2f294edca8de87eb2c2fd45b',
        tools :  ['brightness','effects','orientation','focus','contrast','saturation','shithfont','reiten','blemish'],
        language : 'pl',
        encryptionMethod: 'sha1',

        onSaveHiRes: function (domId, newurl) {
            // w zmiennej newurl znajduje się link do przetworzonego obrazka
            var img = document.getElementById(domId);
            img.src = newurl;
            
                 $.ajax({ 
                    data: {
                         url: newurl
                    }, 
                    type : 'POST',
                    url : 'uploadurl.php',
                    success : function(data) {
                    <?php if($_SERVER['HTTP_HOST']=='www.etykietyweselne.pl') {?>
                               newurl2 = 'http://www.etykietyweselne.pl/upload/'+data;
                    <?php }
                    else{?>
                                newurl2 = 'http://www.allegro.etykietyweselne.pl/upload/'+data;
                    <?php }?>
                    
                            if (obj = canvas.getActiveObject()) {
                                var positionScale = obj.getScaleX();
                                var positionLeft = obj.getLeft();
                                var positionTop = obj.getTop();
                                obj.remove(obj);                  
                                dodajNaklejke2(newurl2,positionScale,positionLeft,positionTop);
                            }
                        
                    },
                    error : function(error) {
                        alert("Błąd: " + error);
                    }
                });
                
            $( ".jcrop-holder img" ).attr("src",newurl);
            featherEditor.close();
        },

        onClose: function (isDirty) {
        
            console.log("onClose");
        },

        onSaveButtonClicked: function () {
            
             
            $( "#target" ).attr("src","https://upload.wikimedia.org/wikipedia/commons/b/b1/Loading_icon.gif");
            
            
            updateSignature(
                    function () {
                        featherEditor.saveHiRes();
                        return false;
                    }
            );
        },

        onError: function (errorObj) {
            alert(errorObj.message);
        }
    });

    function launchEditor(id,src) {
    var src = $('#'+id).attr('src');        
        featherEditor.launch({
            image: id,
            url: src,
            hiresUrl : src
        }); 
        return false;
    }
                
                function sciagnijzdjecie() {
                    $('.zdjecieedytowane').val($('img#target').attr('src'));
                    return;
                }

    function updateSignature(callback) {
        $.ajax({
            async : false,
            dataType : "json",
            type : 'GET',
            url : 'get_sign.php',
            success : function(data) {
                //console.log(data);
                
                featherEditor.updateConfig({
                    apiKey : data.apikey,
                    salt : data.salt,
                    timestamp : data.timestamp,
                    signature : data.signature
                    
                });
                callback();
                
            },
            error : function(error) {
                alert("Błąd: " + error);
            }
        });
    }
</script>

<script>
(function($){
        $(window).load(function(){
            $(".mCustomScrollbar").mCustomScrollbar();
        });
    })(jQuery);
</script>
           
  <script>
$.noConflict();
jQuery( document ).ready(function($) {     


$('#file').change(function() {
  $('#target').submit();
});
  
    init(<?php echo $rodzajw?>,<?php echo $rodzajh?>,'myCanvas');       
    try {
        <?php echo str_replace('_','',str_replace('.jpg','',str_replace('.png','',$params[2])));?>(1);
    }
    catch(err) {
        // Handle error(s) here
    }                                       
      
    Tlo('tloetykiety<?php if($params[1]!='zdjecie') {echo str_replace('.png','.jpg',str_replace('_wiz','',$params[2]));}
    else{ echo str_replace('_wiz','',$params[2]);}?>',<?php echo $rodzajw?>,<?php echo $rodzajwidth?>);    
    
    canvas.deactivateAll();                 
    $('#texteditor').hide();                            
    
  $('.add_item_e').click( function() {
		$('#amount').val(parseInt($('#amount').val())+5);
		$('#amount_pendant').val(parseInt($('#amount').val()));
		return false;
	});
	$('.sub_item_e').click( function() {
		if( parseInt($('#amount').val()) >=11 ) {
			$('#amount').val(parseInt($('#amount').val())-5);
			$('#amount_pendant').val(parseInt($('#amount').val()));
			
		}
		return false;
	});
	
	$('.add_item_z').click( function() {
		$('#amount_pendant').val(parseInt($('#amount_pendant').val())+5);
		$('#amount').val(parseInt($('#amount_pendant').val()));
		return false;
	});
	$('.sub_item_z').click( function() {
		if( parseInt($('#amount_pendant').val()) >=11 ) {
			$('#amount_pendant').val(parseInt($('#amount_pendant').val())-5);
			$('#amount').val(parseInt($('#amount_pendant').val()));
		}
		return false;
	});
    
    	$('.pendants_inp').click( function() {
		if( $(this).prop('checked') ) {
			$('.pendant_layer').show();
			$('#sider .thumb').attr('src', '<?php echo $pendants; ?>');
		}
		else {
			$('.pendant_layer').hide();
			$('#sider .thumb').attr('src', 'uploads/items/zawieszki/brak_zawieszki.png');
		}
		
	});
    
    $('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();
    }
    });
            
   <?php if($params[1]=='zdjecie'){echo '$(".overwhite").show();';}?> 
          $('a.add_cart').click(function(){
                
                
        $('div.overwhite').show();
        $('div.blur2').addClass('active');
                
                if (obj = canvas.getActiveObject()){
                canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
                canvas.renderAll();                 
                
                
                var dataURL = canvas.toDataURL({
                    format: 'jpeg',
                    quality: 1,
                });                                        
                $.ajax({
                      url: "/add.php",
                      type: 'POST', 
                      data: { 
                         imgBase64: dataURL,
                         czy: $(".pendants_inp").is(':checked'),
                         sztuk: $("#amount").val(),  
                         zawieszki: $("#amount_pendant").val(),
                         wzor: '<?php echo $params[0];?>',
                         zawieszka: '<?php echo $pendants?>'
                      },              
                      success: function(data)
                      {       
                            window.location.href = "/koszyk.php";
                      }
                    }).done(function(o) {
                      console.log('saved'); 
                    });
            });
    
        $("#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();
        return false;
        });
        
  $('.pcien').hide();
        
  $('.close_poem').click( function() {
		$('.poem_list').hide();
		return false;
	});
	
	$('.select_poem').click( function() {
	
		if( $('.poem_list').is(':hidden') ) {
			$('.poem_list').show();
		} else {
			$('.poem_list').hide();
		}
		return false;
	});
	
	$('.poem_list a').click( function() {
		if($(this).hasClass('close_poem')){
    }
    else{
    var text_poem = $(this).text();
    //alert(text_poem);
		text_poem = text_poem.replace("* ","");
    if(typeof wierszyk !== 'undefined') canvas.remove(wierszyk);
		dodaj2(text_poem,50,50,'Great Vibes',20,'#000000','center');
    //$('#text').val(text_poem);
		$('.poem_list').hide();
		return false;
    }
	});
    
    <?php if(substr($_SERVER['REQUEST_URI'],-3)=='000'){
          echo '$(".overwhite").hide();';
          echo '$(".uploadzdjecie").hide();';
    }?>
    
});
  </script>
  <style>
      #footer{display:none}
  </style>
	<?php echo Message::render(); ?>
  
	<div class="sidebar" /*id="leftcol"*/>
      <div id="tabs" class="w50">
        <ul>
          <li class="active"><a href="#">Tekst</a></li>
          <li><a href="#">Naklejki</a></li>
        </ul>
        
        <div id="content1">
        <div class="active tabs-1" style="display:block">
            <p style="text-align:center;margin:0px -10px 15px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px"><a style="text-decoration:none;font-size:12px" onclick="dodaj('wpisz swój tekst',50,50,'Great Vibes',30,'#000000','center');">A+ Dodaj pole tekstowe</a></p>

            

   
            <!--div id="texteditor">
                <div class="min bold"></div>     
                <div class="min italic"></div>
                <div class="min underline"></div>
                <div class="min aleft"></div>          
                <div class="min acenter"></div>     
                <div class="min aright"></div>       
                <div class="min ajustify"></div>      
                <div class="min totop"></div>      
                <div class="min toback"></div>       
                <div class="min remove"></div>        
                <div class="minn fontfamily"><span>wybierz czcionkę</span>
                        <div class="rodzajczcionki">
                            <p onclick="fontfamilyit('Arial')" class="arial">Arial</p>             
                            <p onclick="fontfamilyit('Verdana')" class="verdana">Verdana</p>         
                            <p onclick="fontfamilyit('Lobster')" class="lobster">Lobster</p>          
                            <p onclick="fontfamilyit('Amatic SC')" class="amaticsc">Amatic SC</p>
                            <p onclick="fontfamilyit('Great Vibes')" class="greatvibes">Great Vibes</p>  
                            <p onclick="fontfamilyit('Times New Roman')" class="timesnewroman">Times New Roman</p>  
                            <p onclick="fontfamilyit('Open Sans')" class="opensans">Open Sans</p>
                            <p onclick="fontfamilyit('Oswald')" class="oswald">Oswald</p>  
                            <p onclick="fontfamilyit('Shadows Into Light Two')" class="shadowsinto">Shadows Into Light Two</p> 
                            <p onclick="fontfamilyit('kaushan')" class="shadowsinto">Kaushan Script</p>
                        </div>
                </div>     
                <div class="minn fontsize"><span>rozm.</span></div>        
                <div class="minn "><input type="color" id="color"></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> 
            
            <p><a style="text-decoration:none;font-size:12px;color:#ffffff;margin-top:20px"  class="select_poem button button_pink">Wybierz wierszyk</a></p>
        </div>  
        <div class="tabs-2">  
              <?php if(substr($_SERVER['REQUEST_URI'],-3)=='000'){?>
                    
              <form method="post" id="target" action="/upload.php" enctype="multipart/form-data" style="background:#FF6600"><input name="upload[]" id="file" type="file" multiple="multiple"/>
              <?php }?>              
              <h4>Wybierz grafikę:</h4>                                  
              <p style="text-align:center;margin:0px -10px -10px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px"> 
              <select class="motywykat" name="motywykat">
                      <option value="0">Wybierz motyw</option>
                      <option value="auta">auta</option>     
                      <option value="napisy">napisy</option>
                      <option value="serca">serca</option>  
                      <option value="aniolki">aniołki</option> 
                      <option value="ptaki">ptaki</option>    
                      <option value="ozdobniki">ozdobniki</option>  
                      <option value="wstazki">wstążki</option>  
                      <option value="ramki">ramki</option>        
                      <option value="kwiaty">kwiaty</option>         
                      <option value="obraczki">obrączki</option>       
                      <option value="inne">inne</option>
              </select></p>    
              <?php if(substr($_SERVER['REQUEST_URI'],-3)=='000'){?>  
              </form>
              <?php }?>  
              
              <div class="mCustomScrollbar" data-mcs-theme="dark"><?php echo katalog('naklejki');?> </div>
        </div>          
        <div class="tabs-3">
              <h4>Wgraj zdjęcie:</h4> 
              <!--p style="text-align:center;margin:0px -5px -10px -10px;box-shadow:0px 5px 5px #ddd;padding:10px 5px">
              <select class="ozdobnikikat">
                <option value="0">Wybierz motyw</option> 
                <option value="dlamamy">dla mamy</option>
              </select></p>        
              
              <?php echo katalog('ozdobniki');?>
                                  -->
              
                  <!--div id="files" class="files">
                  </div-->
                  
                  
                  <p><a style="text-decoration:none;font-size:12px;color:#ffffff;margin-top:20px"  class="button button_pink" onclick="launchEditor('target')">edytuj zdjecie</a></p>
                  
                  <img src="" id="target" style="display:none">
        </div>  
      </div>     
      </div>
</div> 
           <div class="poem_list">
		<a href="#" class="close_poem">[X]</a><br/>
		<a href="#">* Odrobina czaru,
     nieco namiętności... 
    W weselnym toaście,
     sto procent miłości!</a><br/>
		<a href="#">* Jesteś Brachu na weselu
     Pij więc zdrowo Przyjacielu
      Jednak pragnę Ciebie Prosić
      Bym nie musiał Cię wynosić</a><br/>
		<a href="#">* Nowożeńcy pięknie proszą
     niech toasty wszyscy wznoszą,
      i za szczęście Młodych piją,
       za ich radość i za miłość!</a><br/>
		<a href="#">* Niech kieliszki głośno
     brzęczą Bo to dźwięk dla ucha miły.
      Gdy się Goście tańcem zmęczą
       Trunek im przywróci siły.</a>
		<a href="#">* Nowożeńcy pięknie proszą 
Niech toasty wszyscy wznoszą, 
i za szczęście Młodych piją, 
za ich radość i za miłość! </a><br/>
		<a href="#">* Pijcie Drodzy Przyjaciele 
Wszakże mamy tu wesele! 
Zdrowie Młodych szybko wznoście 
No i bawcie się radośnie !!!</a><br/>
		<a href="#">* "Szumigłówka" 
dziś to sprawi, 
że się każdy dobrze bawi. 
Zapewniają o tym 
Młodzi -"Szumigłówka" 
nie zaszkodzi...</a><br/>
		<a href="#">* Jak wesele, to wesele- 
jedzcie dużo, pijcie wiele! 
Vivat, vivat Młoda Para, 
dalej niech się bocian stara! </a><br/>
		<a href="#">* Czyś jest młody, czyś jest stary, 
pij za zdrowie Młodej Pary. 
Lecz pamiętaj, aby pić 
pełnoletni musisz być.</a><br/>
		<a href="#">* Prawie każdy Wam to powie, 
Kto chce szczęścia 
Młodej Pary, 
Musi wypić za jej zdrowie, 
Tak jak każe zwyczaj stary</a><br/>
		<a href="#">* Zapraszamy naszych Gości, 
do jedzenia, tańcowania. 
By nie przeminęła miłość, 
również do toastowania. </a><br/>
		<a href="#">* Bawmy się Kochani moi, 
na weselu Młodej Pary. 
Pijmy za ich żywot długi 
i za dobre losu dary.</a><br/>
		<a href="#">* Niech nam żyje Młoda Para, 
w zdrowiu, szczęściu i radości. 
Do Toastu zapraszamy, 
wszystkich naszych miłych Gości</a><br/>
	<a href="#">* Odrobina czaru, 
nieco namiętności. 
W weselnym toaście, 
sto procent miłości.</a><br/>
	<a href="#">* Za Młodej Pary zdrowie; 
wszyscy Toast wznoście. 
Niech sto lat żyją Młodzi 
i dobrze bawią się Goście.</a><br/>
	<a href="#">* Już Wódka Weselna
Na stoły podana 
bawmy się wspaniale 
do białego rana.</a><br/>
	<a href="#">* Wszyscy 
w dniu dzisiejszym 
czujemy się młodzi 
więc Wódka Weselna 
nikomu nie zaszkodzi. 
Niech wszyscy Goście
na zdrowie piją, a Nowożeńcy
niech 100 lat żyją !!!</a><br/>
	<a href="#">* Gość Weselny 
Niech toast wznosi I 
sąsiada z boku, 
Do toastu prosi!</a><br/>
	<a href="#">* Niech dzwonią kielichy 
niech dzwonią puchary 
na zdrowie i szczęście 
dla Młodej Pary! </a><br/>
	<a href="#">* Toasty wznosicie 
za pomyślność Młodej Pary!!!
Kielich pierwszy: za Młodych szczęście 
Drugi: za dziecka poczęcie 
Trzeci: za zdrowie Gości 
Każdy następny: dla przyjemności </a><br/>
	<a href="#">* Niech kieliszki głośno brzęczą
Bo to dźwięk dla ucha miły.
Gdy się Goście tańcem zmęczą
Trunek im przywróci siły.</a><br/>
	<a href="#">* Ta butelka ma zadanie 
dziś istotne niesłychanie, 
bo ma sprawić byście byli 
rozśpiewani, Goście mili!!!</a><br/>
	<a href="#">* Prawie każdy Wam to powie, 
kto chce szczęścia Młodej Pary, 
musi wypić za jej zdrowie, 
tak jak każe zwyczaj stary!</a><br/>
	</div>
	<form action="Order/add_cart/<?php echo $seo; ?>" method="post" class="generuj">
	<div id="page">
        <?php if(substr($_SERVER['REQUEST_URI'],-3)=='000'){?><div class="logs"><a onclick="Logi('<?php echo str_replace('_','',str_replace('.jpg','',str_replace('.png','',$params[2])));?>')">Zapisz pozycje</a></div><?php }?>
  
    <?php if($params[1]=='zdjecie'){echo '<div class="uploadzdjecie"><h2>Wgraj zdjęcie</h2><input id="fileupload" type="file" name="files[]" multiple></div>';}?>
  
		<div id="container" style="width: 800px; margin-top: 115px;">	
			<div id="content">
					<p class="info">Kliknij w tekst aby edytować. Dodaj teksty i naklejki (patrz po lewej)</p><br style="clear: both;"/>
					
					            <div class="wynik2"></div>
	
      <div class="wynik">
                <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:static;box-shadow:none;background:none">wybierz czcionkę</span>
                        <div class="rodzajczcionki">
                            <p onclick="fontfamilyit('Arial')" class="arial">Arial</p>             
                            <p onclick="fontfamilyit('Verdana')" class="verdana">Verdana</p>         
                            <p onclick="fontfamilyit('Lobster')" class="lobster">Lobster</p>          
                            <p onclick="fontfamilyit('Amatic SC')" class="amaticsc">Amatic SC</p>
                            <p onclick="fontfamilyit('Great Vibes')" class="greatvibes">Great Vibes</p>  
                            <p onclick="fontfamilyit('Times New Roman')" class="timesnewroman">Times New Roman</p>  
                            <p onclick="fontfamilyit('Open Sans')" class="opensans">Open Sans</p>
                            <p onclick="fontfamilyit('Oswald')" class="oswald">Oswald</p>  
                            <p onclick="fontfamilyit('Shadows Into Light Two')" class="shadowsinto">Shadows Into Light Two</p> 
                            <p onclick="fontfamilyit('Kaushan Script')" class="kuashan">Kaushan Script</p>                      
                            <p onclick="fontfamilyit('Italianno')" class="italianno">Italianno</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>
            <?php if($params[1]=='zdjecie'){ ?>
            <div id="texteditor" class="editorimg tylko2">      
                <div class="min" onclick="launchEditor('target')"><span>Edytuj zdjęcie</span></div>     
                <div class="min remove"><span>Usuń</span></div>
            </div>  <?php }?>   
            
            
            <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>    
            
        <?php
        echo '
        <div class="k" style="background:url(\'img/wzory/wykrojnik/'.$params[0].'.png\') no-repeat;"></div>
        <canvas id="myCanvas"></canvas>
';
        
        ?>
      </div>	
    
						</div>
						

			
			<div id="sider" style=" 
    top: 118px;
    right: 50px;
    position: absolute;
    width: 300px;margin:0px">
				
        <?php 
                if($params[1]!='zdjecie'){
        ?>
        <div class="wrapper_border">
					<img class="thumb" src="<?php echo $pendants; ?>" alt=""/>
					<br style="clear: both;"/><br style="clear: both;"/>
					<div class="options"><input class="pendants_inp" type="checkbox" name="pendants" value="1" CHECKED /> <label for="f1">Z ZAWIESZKĄ</label></div>
				</div>
        <?php
        }else{?>
                  <div class="wrapper_border">
					<img class="thumb" src="<?php echo $pendants; ?>" alt=""/>
					<br style="clear: both;"/><br style="clear: both;"/>
					<div class="options"><input class="pendants_inp" type="checkbox" name="pendants" style="display:none"value="1" /></div>
				</div>
        <?
        }
        ?>
				<div class="col_50 margin_left_20">
					<label for="f">Ilość etykiet</label><br style="clear: both;"/>
					<input type="text" onkeypress="return noWritePlease(event)" id="amount" style="text-align:center" name="amount" value="5"  disabled/>
					<a href="#" class="add_item_e"><i class="material-icons">add_circle</i></a><br/>
					<a href="#" class="sub_item_e"><i class="material-icons">remove_circle_outline</i></a>
				</div>
				<?php 
                if($params[1]!='zdjecie'){
        ?><div class="col_50 margin_left_20 pendant_layer">
					<label for="f">Ilość zawieszek</label><br style="clear: both;"/>
					<input type="text" onkeypress="return noWritePlease(event)" style="text-align:center" id="amount_pendant" name="amount_pendant" value="5" disabled/>
					<a href="#" class="add_item_z"><i class="material-icons">add_circle</i></a><br/>
					<a href="#" class="sub_item_z"><i class="material-icons">remove_circle_outline</i></a>
				</div><?php }?>
        
        <br style="clear: both;"/><br style="clear: both;"/>
				
				<a class="big_button add_cart loading2">Dodaj do koszyka<a/>
				<a class="big_button blue" href="/">Utwórz inny wzór</a>
				<input type="submit" value="Dalej" style="display: none"/>
			</div>
			

            
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="js/vendor/jquery.ui.widget.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script src="js/jquery.fileupload-process.js"></script>
<script src="js/jquery.fileupload-image.js"></script>
<script src="js/jquery.fileupload-validate.js"></script>
<script>

/*jslint unparam: true, regexp: true */
/*global window, $ */
//This is not production quality, its just demo code.
var cookieList = function(cookieName) {
//When the cookie is saved the items will be a comma seperated string
//So we will split the cookie by comma to get the original array
var cookie = $.cookie(cookieName);
//Load the items or a new array if null.
var items = cookie ? cookie.split(/,/) : new Array();

//Return a object that we can use to access the array.
//while hiding direct access to the declared items array
//this is called closures see http://www.jibbering.com/faq/faq_notes/closures.html
return {
    "add": function(val) {
        //Add to the items.
        items.push(val);
        //Save the items to a cookie.
        //EDIT: Modified from linked answer by Nick see 
        //      http://stackoverflow.com/questions/3387251/how-to-store-array-in-jquery-cookie
        $.cookie(cookieName, items.join(','));
    },
    "remove": function (val) { 
        //EDIT: Thx to Assef and luke for remove.
        indx = items.indexOf(val); 
        if(indx!=-1) items.splice(indx, 1); 
        $.cookie(cookieName, items.join(','));        },
    "clear": function() {
        items = null;
        //clear the cookie.
        $.cookie(cookieName, null);
    },
    "items": function() {
        //Get all the items.
        return items;
    }
  }
}  



$(function () {
    'use strict';

    
    // Change this to the location of your server-side upload handler:
    var url = window.location.hostname === 'blueimp.github.io' ?
                '//jquery-file-upload.appspot.com/' : 'server/php/',
        uploadButton = $('<button/>')
            .on('click', function () {
                var $this = $(this),
                    data = $this.data();
                $this
                    .off('click')
                    .text('Anuluj')
                    .on('click', function () {
                        $this.remove();
                        data.abort();
                    });
                data.submit().always(function () {
                    $this.remove();
                });
            });
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        autoUpload: true,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        previewMaxWidth: 100,
        previewMaxHeight: 100,
        previewCrop: true
    }).on('fileuploadadd', function (e, data) {
        data.context = $('<div style="display:inline-block;width:150px;;margin:5px;" />').appendTo('#files');
        $.each(data.files, function (index, file) {
            var node = $('<div/>');
            node.appendTo(data.context);
        });
    }).on('fileuploadprocessalways', function (e, data) {
        var index = data.index,
            file = data.files[index],
            node = $(data.context.children()[index]);
        if (file.preview) {
            node
                .prepend(file.preview);
        }
        if (file.error) {
            node
                .append('<br>')
                .append($('<span class="text-danger"/>').text(file.error));
        }
        if (index + 1 === data.files.length) {
            $(".loader").show();
        }
    }).on('fileuploadprogressall', function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .progress-bar').css(
            'width',
            progress + '%'
        );
    }).on('fileuploaddone', function (e, data) {
        $.each(data.result.files, function (index, file) {
            
            if (file.url) {                
            $(".overwhite").hide();
            zciemnij(1000);
            dodajNaklejke2('http://<?php echo $_SERVER['HTTP_HOST'];?>/server/php'+file.url,0.5,100,100);

            $('.uploadzdjecie').hide();
                var link = $('<a>')
                    .attr('onclick', 'dodajNaklejke2(\'http://<?php echo $_SERVER['HTTP_HOST'];?>/server/php'+file.url+'\',0.3,50,50)');
                $(data.context.children()[index]).append(' ').wrap(link);
            } else if (file.error) {
                var error = $('<span class="text-danger"/>').text(file.error);
                $(data.context.children()[index])
                    .append('<br>')
                    .append(error);
            }
        });
    }).on('fileuploadfail', function (e, data) {
        $.each(data.files, function (index) {
            var error = $('<span class="text-danger"/>').text('File upload failed.');
            $(data.context.children()[index])
                .append('<br>')
                .append(error);
        });
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>				
			
			<br style="clear: both;"/><br style="clear: both;"/>
			
		</div>	
	</div>
	</form>
<div class="overwhite" style="display:none"></div>