Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/old-edycja.php
<?php 
session_start();
include('config.php');
$panel = new Panel();?>
<!DOCTYPE html>
<html style="overflow-y:hidden"><?php

if($_GET['co']){
    setcookie("OstatnioRobione",$_GET['co']);
}                                           

if($_GET['co']=='imiennik'){
$_GET['wzory']=59;
$_GET['naklejki']=58;
}  
    
                                           
#PARAMETRY W ZALEŹNOŚCI OD RODZAJU PRODUKTU#
if($_GET['co']=='kalendarz'){
    $tekstx = '150';// x tekstu
    $teksty = '450';// y tekstu
    $tekstrozmiar = '42';// wielkosc tekstu
}
else{
    $tekstx = '120';// x tekstu
    $teksty = '170';// y tekstu
    $tekstrozmiar = '18';// wielkoscA tekstu
}

    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>     
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script type="text/javascript" src="/js/fabric-old.js" /*https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.3/fabric.min.js*/></script>   
    <script type="text/javascript" src="/js/text.js?2"></script>  
    <script type="text/javascript" src="/js/dodaj.php"></script>
    <script src="/js/jscolor.js"></script>
  	<script type="text/javascript" src="jquery.min.js"></script>
  	<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  	<script src="https://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>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>          
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>    
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script type="text/javascript" src="/js/zapisanejson.js?<?php echo Date('YmdHis');?>"></script>
    <script type="text/javascript" src="editor.js"></script>
    <script type="text/javascript" src="/js/aviary.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
                                                         

           
  <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($) {    
    
    //$('.overwhite').delay(500).hide(0);                                       
    $('body').append('<div class="overwhite2" style="display:none"></a>');  
    
           $(".pcien").hide();
 
        init(897,897,'myCanvas');
       <?php if(!isset($_GET['nomenu'])) echo "$('div.wyborksztaltu').show();";
       else echo "$('div.wyborksztaltu').hide();
       $('.wybierz-ksztalt').hide();"?>    
   
    <?php if(isset($_GET['co']))echo "zmienKsztalt('".$_GET['co']."');\n";?>      
        $("#tabs ul li:nth-child(3)").addClass('active');
        
   $('.wyborksztaltu span').click(function(){ 

        $('.wybierz-ksztalt').hide();
        $('div.overwhite').show();    
        $('div.blur').addClass('active');
        var ksztalt = $(this).attr('rel');
        
        zmienKsztalt(ksztalt);
            
            
        $("#tabs ul li:nth-child(3)").addClass('active');
        //$('.wyborksztaltu').hide();
        $('.wyborksztaltu').hide();
        $('.otworzzmianeksztaltu').show();
   
        
        setTimeout(function(){
            try {    
                $('div.overwhite').hide();    
                $('div.blur').removeClass('active');
        //zwinpodpanel();
                                                             
            }
            catch(err) {
                //alert(err);
            }
            
        }, 500);        
   });
 
        $('.tlo').click(function(){
                zwinpodpanel();
        canvas.deactivateAll().renderAll();
        });
                           
        $('.uploadzdjecie .material-icons').click(function(){
                    $('.uploadzdjecie').hide();
                    $('.wgrajzdjecie').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;
        });
        
    $('#fileupload').change(function() {      
              $('#leftcol').removeClass('open');  
              $('text-areaeditor').hide();
                    $('.uploadzdjecie').hide();
                    $('li.wgrajzdjecie').show();
          $('.overwhite').show(); 
          $('div.blur').addClass('active');  
    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('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);
                          
                $(".tabs-3").addClass('active');   
                $(".tabs-3").show();
                $("#tabs ul li:nth-child(3)").addClass('active');
                          $('div.overwhite').hide();  
                          $('div.blur').removeClass('active');
                          $('.aaa').show();
                      }
           });  
           $('#fileupload').val('');
    });
    $('#fileupload2').change(function() { 
              $('#leftcol').removeClass('open');  
              $('text-areaeditor').hide();
                    $('.uploadzdjecie').hide();  
                    $('li.wgrajzdjecie').show();
          $('.overwhite').show();           
        $('div.blur').addClass('active');
    var file_data = $('#fileupload2').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('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);       
                          $(".tabs-3").addClass('active');
                          $(".tabs-3").show();
                          $("#tabs ul li:nth-child(3)").addClass('active');
                          $('div.overwhite').hide();          
                          $('div.blur').removeClass('active');
                          $('.aaa').show();
                      }
           });   
           $('#fileupload2').val('');
    });
    $('#fileupload3').change(function() { 
              $('#leftcol').removeClass('open');
              $('text-areaeditor').hide();
                    $('.uploadzdjecie').hide();  
                    $('li.wgrajzdjecie').show();
          $('.overwhite').show();           
        $('div.blur').addClass('active');
    var file_data = $('#fileupload3').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('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);       
                          $(".tabs-3").addClass('active');
                          $(".tabs-3").show();
                          $("#tabs ul li:nth-child(3)").addClass('active');
                          $('div.overwhite').hide();          
                          $('div.blur').removeClass('active');
                          $('.aaa').show();
                      }
           });   
           $('#fileupload3').val('');
    });
    
    $('text-areaeditor textarea').keyup(function(){
      zmientekst($(this).val());
    });
    
    $('select.motywykat').change(function(){
    
    if($( this ).val() == 0){
          $(this).parent('div').find('li').addClass('pokazaneklientowi');  
          $(this).parent('div').find('li').show();
    }
    else{
          $(this).parent('div').find('li').removeClass('pokazaneklientowi');   
          $(this).parent('div').find('li').hide(); 
          $(this).parent('div').find('._kat'+$( this ).val()).addClass('pokazaneklientowi');  
          $(this).parent('div').find('._kat'+$( this ).val()).show();  
    }
    loadingimg(1);
    });     
    
    $('select.szablonykat').change(function() {
    if($( this ).val() == 0){
          $(this).parent('div').find('li').addClass('pokazaneklientowi');   
          $(this).parent('div').find('li').show();
    }
    else{
          $(this).parent('div').find('li').removeClass('pokazaneklientowi');  
          $(this).parent('div').find('li').hide();     
          $(this).parent('div').find('._kat'+ $( this ).val() ).addClass('pokazaneklientowi');     
          $(this).parent('div').find('._kat'+ $( this ).val() ).show(); 
    }
    loadingimg(3);
    });  
       
    $('select.ozdobnikikat').change(function() {
    if($( this ).val() == 0){
          $(this).parent('div').find('li').addClass('pokazaneklientowi');      
          $(this).parent('div').find('li').show();      
    }
    else{                                           
          $(this).parent('div').find('li').removeClass('pokazaneklientowi'); 
          $(this).parent('div').find('li').hide();      
          $(this).parent('div').find('._kat'+ $( this ).val() ).addClass('pokazaneklientowi');    
          $(this).parent('div').find('._kat'+ $( this ).val() ).show();
    }
    loadingimg(2);
    });
    
    $('select.tlakat').change(function() {  
    var ksztalt = $('input.ksztalt').val();
    if($('input.ksztalt').val() == 'kartkapion') ksztalt = 'pion';
    if($('input.ksztalt').val() == 'kartkapoziom') ksztalt = 'poziom';
    
    if($( this ).val() == 0){
          $(this).parent('div').find('li').removeClass('pokazaneklientowi');  
          $(this).parent('div').find('li').hide(); 
          $(this).parent('div').find('li.rodzaj'+ksztalt).addClass('pokazaneklientowi');  
          $(this).parent('div').find('li.rodzaj'+ksztalt).show(); 
    }
    else{                                                       
          $(this).parent('div').find('li').removeClass('pokazaneklientowi');  
          $(this).parent('div').find('li').hide();      
          $(this).parent('div').find('.rodzaj'+ksztalt+'._kat'+ $( this ).val() ).addClass('pokazaneklientowi');  
          $(this).parent('div').find('.rodzaj'+ksztalt+'._kat'+ $( this ).val() ).show();
    }
    
    loadingimg(3);
    
    });
    
$('a.add_cart').click(function(){
                
                $('div.overwhite').show(); 
                $('div.blur').addClass('active');
                $('div.blur2').addClass('active');
                if($('.wrapper').hasClass('pion')){
                $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="5x7"> <i class="material-icons">photo_size_select_large</i><br>5x7 cm</span> <span><input type="radio" name="rozmiar" value="6x9"> <i class="material-icons">photo_size_select_large</i><br>6x9 cm</span> <span><input type="radio" name="rozmiar" value="7x10"> <i class="material-icons">photo_size_select_large</i><br>7x10 cm</span> <span><input type="radio" name="rozmiar" value="10x15"> <i class="material-icons">photo_size_select_large</i><br>10x15 cm</span> <span><input type="radio" name="rozmiar" value="14x21"> <i class="material-icons">photo_size_select_large</i><br>14x21 cm</span>');
                }
                else if($('.wrapper').hasClass('poziom')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="7x5"> <i class="material-icons">photo_size_select_large</i><br>7x5 cm</span> <span><input type="radio" name="rozmiar" value="9x6"> <i class="material-icons">photo_size_select_large</i><br>9x6 cm</span> <span><input type="radio" name="rozmiar" value="10x7"> <i class="material-icons">photo_size_select_large</i><br>10x7 cm</span> <span><input type="radio" name="rozmiar" value="15x10"> <i class="material-icons">photo_size_select_large</i><br>15x10 cm</span> <span><input type="radio" name="rozmiar" value="21x14"> <i class="material-icons">photo_size_select_large</i><br>21x14 cm</span>');
                }                               
                if($('.wrapper').hasClass('kartkapion')){
                $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="10x15">Standard A6<br> <i class="material-icons">photo_size_select_large</i><br>10x15 cm</span> <span><input type="radio" name="rozmiar" value="14x21">Standard+ A5<br> <i class="material-icons">photo_size_select_large</i><br>14x21 cm</span> <span><input type="radio" name="rozmiar" value="21x30">Duży A4<br> <i class="material-icons">photo_size_select_large</i><br>21x30 cm</span>');
                }
                else if($('.wrapper').hasClass('kartkapoziom')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="15x10">Standard A6<br> <i class="material-icons">photo_size_select_large</i><br>15x10 cm</span> <span><input type="radio" name="rozmiar" value="21x14">Standard+ A5<br> <i class="material-icons">photo_size_select_large</i><br>21x15 cm</span> <span><input type="radio" name="rozmiar" value="30x21">Duży A4<br> <i class="material-icons">photo_size_select_large</i><br>30x21 cm</span>');
                }
                else if($('.wrapper').hasClass('kwadrat')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="5x5"> <i class="material-icons">photo_size_select_large</i><br>5 cm</span> <span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span>');
                }
                else if($('.wrapper').hasClass('kolo')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="5x5"> <i class="material-icons">photo_size_select_large</i><br>5 cm</span> <span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span>');
                }
                else if($('.wrapper').hasClass('zkwadrat')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span>');
                }
                else if($('.wrapper').hasClass('bombka')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="6,5x7,7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span>');
                }  
                else if($('.wrapper').hasClass('zkolo')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span>');
                }
                else if($('.wrapper').hasClass('serce')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="5x4,5"> <i class="material-icons">photo_size_select_large</i><br>5 cm</span> <span><input type="radio" name="rozmiar" value="7x6,3"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x9"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span>');
                }   
                else if($('.wrapper').hasClass('roczek')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="7x9,8"> <i class="material-icons">photo_size_select_large</i><br>9,5 x 6,5</span>');
                }     
                else if($('.wrapper').hasClass('imiennik')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="1,3x4,6"> <i class="material-icons">photo_size_select_large</i><br>48x16 mm</span>');
                }       
                else if($('.wrapper').hasClass('spioszki')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="7,1x9,8"> <i class="material-icons">photo_size_select_large</i><br>7,1x9,8</span>');
                } 
                else if($('.wrapper').hasClass('zserce')){
                    $('.rozmiarspan').html('Rozmiar magnesu: <br><br><span><input type="radio" name="rozmiar" value="7x6,3"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x9"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span>');
                }       
                else if($('.wrapper').hasClass('etykietaserce')){
                    $('.rozmiarspan').html('Rozmiar etykiety: <br><span><input type="radio" name="rozmiar" value="8x11,7"> <i class="material-icons">photo_size_select_large</i><br>8x12 cm</span> ');
                }         
                else if($('.wrapper').hasClass('kalendarz')){
                    $('.rozmiarspan').html('Rozmiar etykiety: <br><span><input type="radio" name="rozmiar" value="21x30"> <i class="material-icons">photo_size_select_large</i><br>A4</span> ');
                }     
                else if($('.wrapper').hasClass('stopka')){
                    $('.rozmiarspan').html('Rozmiar etykiety: <br><span><input type="radio" name="rozmiar" value="6,4x9,5"> <i class="material-icons">photo_size_select_large</i><br>6,4x9,5</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');
   });
                
            });

    
            $('.dodajost').click(function(){
            
                $('div.overwhite').show();  
                $('div.blur').addClass('active');
            
                if (obj = canvas.getActiveObject()){
                canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
                canvas.renderAll();       
                  
                
          var rect = new fabric.Rect({ width: 3000, height: 3000, 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,
                          });      
                          
                          if($(this).hasClass("kolejny")) var urll = "<?php echo $_SERVER['REQUEST_URI']; ?>";
                          else var urll = "/koszyk.php";
                                                            
                          $.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 = urll;
                                }
                              }).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");
                        }
                    }
          
          });
          
          
  $(".zmienorientacje").click( function() {
        ZmienOrientacje();
  });
  

    $('li.usunelement a').click(function(){
        removeit();
    }); 
          
  $('#scale-control').on("input change", function() {
        if (obj = canvas.getActiveObject()) {
          obj.scale(parseFloat(this.value)).center();
          canvas.renderAll();
        }
  });

          $('.podsumowanie .material-icons.cl ').click(function(){
                $('div.podsumowanie').hide();
                $('div.overwhite').hide();
                $('div.blur').removeClass('active');
          });

          $('.menutope').click(function(){
              $('close-area').show();
              $('#leftcol').addClass('open');  
              $('text-areaeditor').hide();
          });   
          $('close-area').click(function(){
              $('#leftcol').removeClass('open');
              $('close-area').hide();
          });
          
          $('.menutope.tbnakl').click(function(){ 
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-1").addClass('active');
                $("#tabs ul li:nth-child(1)").addClass('active');
                $(".tabs-1").show();  
                loadingimg(1);      
          }); 
          $('.menutope.tbozd').click(function(){ 
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-2").addClass('active');
                $("#tabs ul li:nth-child(2)").addClass('active');
                $(".tabs-2").show();   
                loadingimg(2);     
          });
          $('.menutope.tbram').click(function(){ 
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-3").addClass('active');
                $("#tabs ul li:nth-child(3)").addClass('active');
                $(".tabs-3").show();  
                loadingimg(3);      
          });
          
          
          /*$('.menutope i').click(function(){
              if($(this).html()=='menu'){
              $(this).html('close');
              $('#leftcol').addClass('open');
              }
              else{
              $(this).html('menu');
              $('#leftcol').removeClass('open');
              }
          }); */
          
          $('.otworzzmianeksztaltu').click(function(){
              
        $('.wyborksztaltu').show();
        $('.otworzzmianeksztaltu').hide();
          });                      
          
          
          <?php if($_GET['wzory']) {;?>
          $('.tlakat').val('<?php echo $_GET['wzory'];?>'); 
          $('.dirtla').removeClass('pokazaneklientowi');
          $('.dirtla').hide();        
          $('.dirtla._kat<?php echo $_GET['wzory'];?>' ).addClass('pokazaneklientowi');       
          $('.dirtla._kat<?php echo $_GET['wzory'];?>' ).show();  
          
          <?php
          if(isset($_GET['wzor'])) echo "dodajNaklejke('/elementy/dodatki/".$_GET['wzor'].".png',0,0,0,'ramki');";
           }?>  
           
          <?php if($_GET['naklejki']) {;?>
          $('.motywykat').val('<?php echo $_GET['naklejki'];?>'); 
          $('.dirozdobniki').hide();        
          $('.dirozdobniki._kat<?php echo $_GET['naklejki'];?>' ).show();     
          
          <?php
          if(isset($_GET['wzor'])) echo "dodajNaklejke('/elementy/dodatki/".$_GET['wzor'].".png',0,0,0,'ramki');";
           }?>
           
           
          <?php if($_GET['ozdobniki']) {;?>
           $('.ozdobnikikat').val('<?php echo $_GET['ozdobniki'];?>'); 
          $('.dirozdobniki').hide();        
          $('.dirozdobniki._kat<?php echo $_GET['ozdobniki'];?>' ).show();        
          <?php }?>
          
});
  </script>     
</head>
<body style="background:#f1f1f1">    
      <?php if(isset($_GET['plik'])){?><div class="logs"><a onclick="Logi()">Zapisz pozycje</a></div><div class="logs"><a onclick="Logi()" style="background:#ddd;right:300px">Zapisz do całej kategorii</a></div><?php }?>
       <div class="blur">
            <img src="/img/wybierz-ksztalt.png" style="display:none;"class="wybierz-ksztalt">
            <div class="tlo"></div>
<!--a class="menutope"><i class="material-icons">menu</i></a-->      
    <a class="add_cart2 loading2" href="koszyk.php"><i class="material-icons">shopping_cart</i> (<?php echo count($_SESSION[KOSZYK])?>)</a>
<i class="material-icons otworzzmianeksztaltu" title="zmień kształt magnesu" style="display:none">aspect_ratio</i>
    <div id="menu" class="boxshadow">    
        <a <?php if($_SERVER['HTTP_HOST']!='www.allegroserca.fotomagnesy.pl'){?>href="https://www.system.fotomagnesy.pl" <?php }?>><img src="/img/fotomagnesy_new_logo.png" class="logo" style="height:48px"></a>
        <ul>                                                                                                                          
            <?php if($_GET['co']=='pion'){?><li class=""><a href="/poziom?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='poziom'){?><li class=""><a href="/pion?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapion'){?><li class=""><a href="/kartkapoziom?wzory=<?php echo $_GET['wzory']?>&wzor=20181114170009"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapoziom'){?><li class=""><a href="/kartkapion?wzory=<?php echo $_GET['wzory']?>&wzor=20181114123209"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?>
            <!--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',<?php echo $tekstx;?>,<?php echo $teksty;?>,'Arial',<?php echo $tekstrozmiar;?>,'#000000','center');"><i class="material-icons">playlist_add</i> Dodaj tekst</a></li>    
            <li class=" wgrajzdjecie" style="display:none"><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-->
        </ul>
         <a class="add_cart button /*loading2*/"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a>
    </div>
    <div class="podpanel boxshadow" style="display:none">
                <div class="zdjecie min"><input type="range" id="scale-control" value="1" min="0.5" max="10" step="0.1"><span>Skalowanie zdjęcia</span></div>
                <div class="text">
                <div class="min bold"><i class="material-icons">format_bold</i><span>Pogrubienie</span></div>     
                <div class="min italic"><i class="material-icons">format_italic</i><span>Kursywa</span></div>
                <div class="min underline"><i class="material-icons">format_underlined</i><span>Podkreślenie</span></div>
                <div class="min aleft"><i class="material-icons">format_align_left</i><span>Wyrównanie do lewej</span></div>          
                <div class="min acenter"><i class="material-icons">format_align_center</i><span>Wyśrodkowanie</span></div>     
                <div class="min aright"><i class="material-icons">format_align_right</i><span>Wyrównanie do prawej</span></div>       
                <div class="min ajustify"><i class="material-icons">format_align_justify</i><span>Wyjustowanie</span></div>
                                                                                                    
                <div class="min"><i class="material-icons">format_line_spacing</i><div class="odstepy"><img src="/img/dym.png" class="dym">Wysokość wiersza<br /><input type="range" value="10" onchange="zmienLineHeight(this.value);" class="plineheight" min="1" max="1500" step="1"></div></div>  
                <div class="minn fontfamily"><span style="display:block;position:relative;box-shadow:none;background:none;padding:8px 10px;">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('Titan One')" class="titan">Titan One</p>   
                            <p onclick="fontfamilyit('Skranji')" class="skranji">Skranji</p>     
                            <p onclick="fontfamilyit('Merriweather')" class="merriweather">Merriweather</p>    
                            <p onclick="fontfamilyit('Ubuntu')" class="ubuntu">Ubuntu</p>    
                            <p onclick="fontfamilyit('Lora')" class="lora">Lora</p>  
                            <p onclick="fontfamilyit('Roboto Mono')" class="robotomono">Roboto Mono</p>     
                            <p onclick="fontfamilyit('Dosis')" class="dosis">Dosis</p>    
                            <p onclick="fontfamilyit('Molle')" class="molle">Molle</p>      
                            <p onclick="fontfamilyit('Gloria Hallelujah')" class="gloriahallelujah">Gloria Hallelujah</p> 
                            <p onclick="fontfamilyit('Cormorant Unicase')" class="cormorant">Cormorant Unicase</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"><div class="pcien"><img src="/img/dym.png" class="dym">
                
            <span style="font-size:13px;font-weight:bold;padding:10px;">Cień (przesuniecie)</span>  
            <input type="range" value="3" onchange="zmiencien(this.value);" class="rangetop" min="1" max="15" step="1"><br>
             <span style="font-size:13px;font-weight:bold;padding:10px;">Cień (rozmycie)</span> 
            <input type="range" value="2" onchange="zmiencienblur(this.value);" class="rangeblur" min="1" max="20" step="1">
                </div></div>

                <div class="min shadowd"><i class="fab fa-goodreads" style="font-size:16px;"></i><span>Cień</span></div><div class="min shadowl"><i class="fab fa-goodreads-g" style="font-size:16px;"></i><span>Poświata</span></div>        
                <div class="min "><input id="color" class="jscolor" style="text-indent:-1000px"  value="000000"><span>Kolor czcionki</span></div>
    </div>
                <div class="min rotateitleft"><i class="material-icons">rotate_left</i><span>Obróc w lewo</span></div>   
                <div class="min rotateitright"><i class="material-icons">rotate_right</i><span>Obróc w prawo</span></div>  
                <div class="min totop"><i class="material-icons">layers</i><i class="fas fa-level-up-alt" style="position:relative;top:-3px;left:-9px;font-size:15px"></i><span>Przesuń o warstwę wyżej</span></div>   
                <div class="min toback"><i class="material-icons">layers</i><i class="fas fa-level-down-alt" style="position:relative;top:3px;left:-9px;font-size:15px"></i><span>Przesuń o warstwę niżej</span></div>      
                <div class="min remove"><i class="material-icons" style="color:red">delete_forever</i><span>Usuń</span></div></div>
       
       <img src="" id="target" style="display:none">
    <input type="hidden" value="" class="ksztalt">  
    <input type="hidden" value="" class="wzor">
    <div class="wyborksztaltu" style="padding:50px;/*background:none;box-shadow:none;width:100px;top:100px;right:0px;margin:0px;left:auto*/">
          <span class="wybor kwadrat" rel="kwadrat"></span>
          <span class="wybor kolo" rel="kolo"></span>
          <span class="wybor serce" rel="serce"></span>  
          <span class="wybor roczek" rel="roczek"></span>    
          <span class="wybor pion" rel="pion"></span>     
          <span class="wybor poziom" rel="poziom"></span>
          <span class="wybor zpion" rel="zpion"></span>     
          <span class="wybor zkwadrat" rel="zkwadrat"></span>
          <span class="wybor zkolo" rel="zkolo"></span>          
          <span class="wybor zserce" rel="zserce"></span> 
          <span class="wybor etykietaserce" rel="etykietaserce"></span>    
          <span class="wybor kalendarz" rel="kalendarz"></span>    
          <span class="wybor stopka" rel="stopka"></span>    
          <span class="wybor bombka" rel="bombka"></span>
          <span class="wybor imiennik" rel="imiennik">imiennik</span>
    </div>
    
    
    <div class="uploadzdjecie"><i class="material-icons">cancel</i><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></div> 

    <div id="leftcol" class="boxshadow">        
    
    <div id="tabs" class="/*w50*/">
        <ul>
          <li><a href="#">Naklejki</a></li>            
          <li><a href="#">Ozdobniki</a></li>       
          <li><a href="#">Ramki</a></li> 
        </ul>
        <div id="content1">
        <div class="tabs-1">                                              
         <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 ...</option>
                      <?php 
                      
    $sql = "SELECT * FROM `kategorie` WHERE rodzaj='1' ORDER BY 'sort' ASC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res)){
        echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
    } 
                      ?>  
              </select>                 
        <div  class="scrollbar" id="style-1" onscroll="loadingimg(1)">
           <?php
           $panel ->Elementy2(1);
           
           ?></div>
        </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="ozdobnikikat">
                      <option value="0">Wybierz...</option>
                      <?php 
                      
    $sql = "SELECT * FROM `kategorie` WHERE rodzaj='2' ORDER BY 'sort' ASC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res)){
        echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
    } 
                      ?>
              </select>                                                     
              <div  class="scrollbar" id="style-1" onscroll="loadingimg(2)">
           <?php
           $panel ->Elementy2(2);
           
           ?></div>   
                                                                               
        </div>   
        <div class="tabs-3" style="background:#F1F1F1;margin:0 -10px;padding:5px">     
                      <span class="openkat" 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="tlakat">
                      <option value="0">Wybierz...</option>
                      <?php 
                      
    $sql = "SELECT * FROM `kategorie` WHERE rodzaj='3' ORDER BY 'sort' ASC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res)){
        echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
    } 
                      ?>
              </select>             
	                       
              <div  class="scrollbar" id="style-1" onscroll="loadingimg(3)">
              <?php $panel ->Elementy(3,0);?>
	</div>
                                                                              
        </div>
    </div>          
    </div>     
    </div>
    </div>

</div>        
    <div class="overwhite"><div class="loading5"><i></i><i></i><i></i><i></i></div></div>


        <div class="podsumowanie"><br><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>
          <?php if($_GET['co']=='imiennik'){?>
          <select id="quantity" style="">
              <option value="">...</option><option value="25">25</option><option value="50">50</option><option value="75">75</option>     
              <option value="100">100</option><option value="125">125</option><option value="150">150</option><option value="175">175</option>
              <option value="200">200</option><option value="225">225</option><option value="250">250</option><option value="275">275</option>
              <option value="300">300</option>
            </select>
          <?php } else{?>
          <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>
          <?php }?>
          </p>         <br>
          <p class="rozmiarspan"></p>
          <!--p>Rozmiar magnesu: <select id="rozmiar"></select></p-->
          <input type="hidden" name="ses" id="ses" value="<?php echo $image;?>">   <br>
          <p> <button class="dodajost kolejny" style="margin:10px 0px;padding:10px 64px;background:#00B9FF">Zapisz i utwórz kolejny</button><br /><button class="dodajost" style="padding:10px 30px">Zapisz i przejdź do podsumowania</button></p>
    </div>
<script type="text/javascript">     
(function($) {       
    $(window).load(function() { // czekamy, aż załaduje się cała strona
          <?php if(trim($_SERVER['SERVER_NAME']) == 'prolabel.pl'){  ?>
                $('li.wgrajzdjecie').show();
                 $('.uploadzdjecie').hide();
          <?php }?>
    
                     
          loadingimg(3);
          $('.overwhite').delay(0).hide(0);                
          <?php if(!isset($_GET['nomenu'])) echo "$('.wybierz-ksztalt').delay(200).show();";?>
          
          
    });
})(jQuery) 
</script>
<close-area style="display:none"><i class="material-icons">close</i></close-area>     
<text-areaeditor><textarea style="margin-right:0px"></textarea><div onclick="zwinpodpanel()" style="height:100%;width:50px;position:absolute;top:0;right:0;color:#fff;background:#00BD5E;text-align:center;font-size:32px"><i class="material-icons">done</i></div></text-areaeditor>
<editor-controls><navigation-bar class="ng-tns-c3-11 ng-trigger ng-trigger-navAnimation ng-star-inserted" style="display: block;"><div class="scroll-container scroll-container-x" customscrollbar=""> <ul>            
            <li class="menutope tbram"><a><i class="material-icons">filter_frames</i><br />Ramki</a></li>                                                                                                              
            <?php if($_GET['co']=='pion'){?><li class=""><a href="/poziom?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i><br />Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='poziom'){?><li class=""><a href="/pion?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i><br />Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapion'){?><li class=""><a href="/kartkapoziom?wzory=<?php echo $_GET['wzory']?>&wzor=20181114170009"><i class="material-icons">screen_rotation</i><br />Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapoziom'){?><li class=""><a href="/kartkapion?wzory=<?php echo $_GET['wzory']?>&wzor=20181114123209"><i class="material-icons">screen_rotation</i><br />Zmień orientację magnesu</a></li>      <?php }?>  
            <li class=""><a onclick="dodaj('tutaj wpisz swój tekst',<?php echo $tekstx;?>,<?php echo $teksty;?>,'Arial',<?php echo $tekstrozmiar;?>,'#000000','center');"><i class="material-icons">playlist_add</i><br />Dodaj tekst</a></li>    
            <li class=" wgrajzdjecie" style="display:inline-block"><a><i class="material-icons">file_upload</i><br />Wgraj zdjęcia<input id="fileupload3" type="file" name="files[]" multiple=""></a></li>
            <li class="menutope tbnakl"><a><i class="material-icons">face</i><br />Naklejki</a></li>
            <li class="menutope tbozd"><a><i class="material-icons">format_shapes</i><br />Ozdobniki</a></li>
        </ul></div></navigation-bar></editor-controls>

</body>
</html>