/*
 * Copyright 2018-2022 KFI
 * http://www.kfi.li
 */
var mobilev = 575;
var licznik = 0,
    kierunek = 'r',
	arrow = {};
var aktywny = '';
var stopSlup = 0;
var wczytywanie = false;
var obroty = false;
var aspeed = 1, bspeed = 1;

var kolor = {md:'#ffffff', ms:'#111111', ad:'#FF0000', as:'#FF0000',ss:'#ccc',}	
var typslupa = "s-190"; //s-235, s-295
var gruboscslupa = 7; // 9

var anthrazit = '#2C2E2F';
var silber = '0.8 0.8 0.8';

var kolorslupa = anthrazit;

var startkolor = 'wpcgrau';
var startzaun = 'easywpc-180x180';

var kindinlay = 'ohne';
var led = 'off';
var ledkolor = '';
var easylicznik = 4;

var Txwpcbraun = "WPC braun";
var Txwpcanthrazit = "WPC anthrazit";
var Txwpcgrau = "WPC grau";
var Txwpcsand = "WPC sand"

var extra = 'off';
var jestmauer = 'off';

var ebdefault = {kolorpaneli:'A', kolorramy:'S',kolorlistew:'S'}

if(!(cennik['ml-S'])) ebdefault.kolorramy = 'A';
if(!(cennik['hv-S'])) ebdefault.kolorlistew = 'A';
    
var technik = {
[startzaun]:{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm', obraz:'www/easy.svg'},
'easy-half':{dl:'177', hl:'90', hr:'90', opis:'EASY-FENCE WPC<br>180x90cm', obraz:'www/easy-half.svg'},
'ef-tor':{dl:'102', hl:'179', hr:'179', opis:'EASY-FENCE Alu-Torrahmen <br>inkl. Zubehör<br>100x180cm', obraz:'../icons/ef-tor.svg'},
};

var technikinlays = {
'inlay-anthrazit':{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm<br>+ Design-Inlay anthrazit', obraz:'inlay-q.svg'},  
'inlay-silber':{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm<br>+ Design-Inlay silber', obraz:'inlay-q.svg'},
'inlay-kreise-anthrazit':{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm<br>+ Design-Inlay anthrazit', obraz:'inlay-kreise.svg'},  
'inlay-kreise-silber':{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm<br>+ Design-Inlay silber', obraz:'inlay-kreise.svg'},
'inlay-mattglas-anthrazit':{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm<br>+ Design-Inlay silber', obraz:'inlay-mattglas.svg'},
'inlay-mattglas-silber':{dl:'177', hl:'180', hr:'180', opis:'EASY-FENCE WPC<br>180x180cm<br>+ Design-Inlay silber', obraz:'inlay-mattglas.svg'},
};

var technikrom = { 
'easy-rhombus-180-anthrazit':{dl:'177', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, anthrazit<br>180x180cm', obraz:'/www/rhombus-180.svg'}, 
'easy-rhombus-180-silber':{dl:'177', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, silber<br>180x180cm', obraz:'/www/rhombus-180-1.svg'}, 
'easy-rhombus-180-terragrau':{dl:'177', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, terragrau<br>180x180cm', obraz:'/www/rhombus-180-1.svg'}, 
'easy-rhombus-60-anthrazit':{dl:'57', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, anthrazit<br>60x180cm', obraz:'/www/rhombus-60.svg'}, 
'easy-rhombus-60-silber':{dl:'57', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, silber<br>60x180cm', obraz:'/www/rhombus-60-1.svg'},
'easy-rhombus-60-terragrau':{dl:'57', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, terragrau<br>60x180cm', obraz:'/www/rhombus-60-1.svg'},
'easy-rhombus-90-anthrazit':{dl:'87', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, anthrazit<br>90x180cm', obraz:'/www/rhombus-90.svg'}, 
'easy-rhombus-90-silber':{dl:'87', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, anthrazit<br>90x180cm', obraz:'/www/rhombus-90.svg'}, 
'easy-rhombus-90-terragrau':{dl:'87', hl:'180', hr:'180', opis:'EASY-ROM ALU-Rhombuszaun, anthrazit<br>90x180cm', obraz:'/www/rhombus-90.svg'}, 
};

var koloryplotu = {wpcanthrazit:'-A', wpcgrau:'-G', wpcbraun:'-B', wpcsand:'-S', wpcbg:'-BG', wpcug:'-UG'};

if(!cennik['ef-A']) delete koloryplotu['wpcanthrazit'];
if(!cennik['ef-B']) delete koloryplotu['wpcbraun'];
if(!cennik['ef-S']) delete koloryplotu['wpcsand'];
if(!cennik['ef-BG']) delete koloryplotu['wpcbg']; 
if(!cennik['ef-UG']) delete koloryplotu['wpcug']; 
if(!cennik['ef-G']) {delete koloryplotu['wpcgrau']; startkolor = Object.keys(koloryplotu)[0];}

//stop - brak produktow
if(Object.keys(koloryplotu)[0] == undefined) {
   alert('Produkt nicht verfügbar: Farben!');
} else
if(!cennik['ef-l-S'] && !cennik['ef-l-A']) {
   alert('Produkt nicht verfügbar: Start- und Abschlussleiste!');
}


//INTERFEJS
function interfejs(){
if (typeof (Storage) == undefined) {   
    alert('Sorry, your browser is too old! Update your browser!');
    return;
}
localStorage.setItem('wersja',sesja+nazwaplotu);
document.getElementById('x3dElement').runtime.speed(aspeed);

         
//MENU PLOTOW

let k = '';
let v = technik[startzaun]; 

$(".akcesoria").append('<button class="'+startzaun+' plot btn btn-light mt-1 text-start dodatek act full p-1" data-produkt="'+startzaun+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><div class="d-flex align-items-center"><img src="//media.delta-gartenholz.com/svg-01/'+v.obraz+'" width="50" class="me-1" >'+v.opis+'</div></button>'); 

v = technik['easy-half']; 

$(".akcesoria").append('<button class="easy-half plot btn btn-light mt-1 text-start dodatek act full p-1" data-produkt="easy-half" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><div class="d-flex align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/easy-half.svg" width="50" class="me-1" >'+v.opis+'</div></button>'); 

$(".akcesoria").append('<button id="kindinlay" class="inlaybuttons inlay-silber inlay-anthrazit inlay-kreise-silber inlay-kreise-anthrazit inlay-mattglas-silber inlay-mattglas-anthrazit plot btn btn-light mt-1 text-start dodatek act full p-1" data-produkt="'+kindinlay+'" data-w="177" data-hl="180" data-hr="180"><div class="d-flex align-items-center"><img src="../img/inlay-mattglas.svg" width="50" class="me-1" >EASY-FENCE WPC<br>180x180cm + Design-Inlay</div></button>'); 
    
var acbuttons = '';

//TOR
acbuttons += PrTOR(true);

//ROM
acbuttons += PrROM();

//EASY-BOARDS
var technikeb = {}

if(cennik['hv-S'] || cennik['hv-A']){
if((cennik['z-180x180-A'] || cennik['z-180x180-T'] || cennik['z-180x180-R'] || cennik['z-180x180-M'])) 
technikeb['z-180x180'] = {dl:'177', hl:'180', hr:'180', opis:'EASY-BOARDS groß, 4er-Set<br>180x181cm', obraz:'EB-180.svg'};
}

if(cennik['z-80x180-A'] || cennik['z-80x180-T'] || cennik['z-80x180-R'] || cennik['z-80x180-M']) {
technikeb['z-80x180V'] = {dl:'85', hl:'180', hr:'180', opis:'EASY-BOARDS Halbelement<br>181x88cm', obraz:'EB-80.svg'};
technikeb['z-80x180H'] = {dl:'177', hl:'90', hr:'90', opis:'EASY-BOARDS Halbelement<br>88x181cm', obraz:'EB-80H.svg'};
if(cennik['hv-S'] || cennik['hv-A'])
technikeb['z-H180x180'] = {dl:'177', hl:'180', hr:'180', opis:'EASY-BOARDS Halbelement,<br>2er-Set, 180x181cm', obraz:'EB-180H.svg'};
}

if(cennik['z-80x180T-A'] || cennik['z-80x180T-T'] || cennik['z-80x180T-R'] || cennik['z-80x180T-M']) {
technikeb['z-80x180T'] = {dl:'85', hl:'180', hr:'90', opis:'EASY-BOARDS Schrägelement<br>88x181cm', obraz:'EB-80T.svg'};
}

if(cennik['grupa-21'] && Object.keys(technikeb).length > 0 && (cennik['ml-S'] || cennik['ml-A'])) { 
let acid = "eb-accordion";

acbuttons+=`<div class="mybox accordion mt-1 pb-3" id="`+acid+`">`;
    
    
$.each(technikeb, function(k,v){
    
    itembody = acBody(k)+'<div class="d-flex mt-3 justify-content-evenly"><button type="button" class="btn btn-light ebanuluj">abbrechen</button> <button type="button" class="ms-3 btn btn-primary plot dodatek act" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'">OK</button></div>';
    
    acbuttons+=acItem(k,v, itembody, acid);
    
});

acbuttons+=`</div>`;
} // /EASY-BOARDS



if(acbuttons!=''){
   $(".akcesoria").append(acbuttons);
}

PrlistwaMur190();

PrlistwaMur235();

PrTornado();

//infoEF();
    
ButFirstZaun();
    
ButCut();

customMenu();

    
localStorage.removeItem('pamiec');
localStorage.removeItem('licznik');
    
rozpocznij();

statusy();

statusyCC();
    
}// /interfejs -----------


//easywpc - dodaj usn listwe
easydodajListwe = function(numer){
    
    var nr = parseInt(numer);
    var nr2 = nr + 1;
    
    $('.listwa-'+nr).attr('render','true');
    $('.deska-'+nr2).parent().attr('translation','0 0 0.22');
    
}

easyusunListwe = function(numer){
    
    var nr = parseInt(numer);
    var nr2 = nr + 1;
    
    $('.listwa-'+nr).attr('render','false');
    $('.deska-'+nr2).parent().attr('translation','0 0 0.21');
    
}

$(document).on("click", ".custgroup input",  function(){

var nr = $(this).attr('data-listwa');

    if($(this).prop("checked")){
        
        easydodajListwe(nr);
        
    } else easyusunListwe(nr);
    
    checkRhombus();
    
    zapiszLS();
})









function customMenu(){

//extra high
var acbuttons = '<div class="btn-group d-flex" role="group">';        

     acbuttons +=`<input type="radio" class="btn-check" name="extrahohe" id="hohe1" autocomplete="off" checked>
    <label class="btn btn-light lh-sm" style="text-align:left;" for="hohe1">Standard höhe<br>179 - 186cm</label>`;

    if(cennik['s-295-A'] || cennik['s-295-S'])
    acbuttons +=`<input type="radio" class="btn-check" name="extrahohe" id="hohe2" autocomplete="off">
  <label class="btn btn-light lh-sm" style="text-align:left;" for="hohe2"> Extra hoch<br>200 - 208cm</label>`;

    
    acbuttons +='</div>';
$(".kolory").append(`<div class="accordion-body stepbystep newhelp"><h4><svg width="24" height="24" role="img" style="fill:currentColor;vertical-align:text-bottom;" class="me-1"><use xlink:href="#normalh"/></svg> <span>Zaun-Höhe<br>(Aufbauhöhe inkl. 5 cm Bodenabstand)</span></h4>`+acbuttons+`</div>`);

  $(".kolory").addClass('customizer accordion');
  $(".kolory").append(`<div class="accordion" id="accordionConfig"></div>`);
  var acItems = '';
  let neu = '';

acbuttons = '<div class="btn-group-vertical d-flex" role="group">';
     
$.each(koloryplotu, function(i,v){
    
    if(i=='wpcbg' || i=='wpcug') neu = '<span class="badge bg-danger ms-auto">neu</span>';
    else neu = '';
    
     acbuttons +=`<div class="position-relative previnlay `+i+` cc"> <img src="../img/`+i+`.jpg" width="37" class="rounded-circle border border-white"><svg class="zoomico" role="img"><use xlink:href="#zoom-in"/></svg></div><input type="radio" class="btn-check farba `+i+` dodatek act" data-kolor="`+i+`" name="farba" id="farba`+i+`" autocomplete="off">
    <label class="btn btn-light d-flex align-items-center cc" for="farba`+i+`">
    <span class="cc"> `+eval('Tx'+i)+`</span> `+neu+`</label>`;})
 
    acbuttons+='</div>';

acItems+=`<div class="accordion-item">
    <h2 class="accordion-header position-relative">
      <button id="kolorpaneli" class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
        <span class="badge rounded-pill bg-primary me-1">1</span> `+TxKolorPaneli+`</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="1a">
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`</div>
    </div>
  </div>`;
    
       
acbuttons = '<div class="btn-group d-flex my-2" role="group">';        

if(cennik['ef-l-S']) {
     acbuttons +=`<input type="radio" class="btn-check farbaramy silber dodatek act ba" data-kolor="silber" name="farbaramy" id="frs" autocomplete="off" checked>
    <label class="btn btn-light" for="frs"><img src="../img/wpcalu.jpg" width="30" class="rounded-circle border border-white"> silber</label>`;
}
     if(cennik['ef-l-A']) {
     acbuttons +=`<input type="radio" class="btn-check farbaramy anthrazit dodatek act" data-kolor="anthrazit" name="farbaramy" id="fra" autocomplete="off">
  <label class="btn btn-light" for="fra"><img src="../img/wpcanthrazit.jpg" width="30" class="rounded-circle border border-white"> anthrazit</label>`;
}
    
    acbuttons +='</div>';
       
acbuttons +='<div style="width:100%; text-align:center;"><img src="../img/kolorramy.jpg" width="120"></div>';

acItems+=`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
        <span class="badge rounded-pill bg-primary me-1">1</span> `+TxKolorRamy+`</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="2a"></h2>
    <div id="collapseTwo" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`

       </div>
    </div>
  </div>`;
        

if(cennik['ef-1-S'] || cennik['ef-7-S'] || cennik['ef-7-A'] || cennik['ef-1-A']){

acbuttons = '<h4>'+TxDekoAdd+'</h4>';

 acbuttons +='<div class="cust-listwy">';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-6" data-listwa="6"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-5" data-listwa="5"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-4" data-listwa="4"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-3" data-listwa="3"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-2" data-listwa="2"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-1" data-listwa="1"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup"><input type="checkbox" id="c-listwa-0" data-listwa="0"><span class="checkmark"></span><hr></label>';
 acbuttons +='<label class="custgroup extra" style="display:none;"><input type="checkbox" id="c-listwa-8" data-listwa="8"><span class="checkmark"></span><hr></label>';
 acbuttons +='</div>';
 
acbuttons += '<div class="btn-group d-flex my-2" role="group">';   

if(cennik['ef-1-A'] || cennik['ef-7-A']) acbuttons +=`<input type="radio" class="btn-check farbalistew anthrazit dodatek act" data-kolor="anthrazit" name="farbalistew" id="fla" autocomplete="off">
  <label class="btn btn-light" for="fla"><img src="../img/wpcanthrazit.jpg" width="30" class="rounded-circle border border-white"> anthrazit</label>`;
    
if(cennik['ef-1-S'] || cennik['ef-7-S'])  acbuttons +=`<input type="radio" class="btn-check farbalistew silber dodatek act ba" data-kolor="silber" name="farbalistew" id="fls" autocomplete="off" checked>
    <label class="btn btn-light" for="fls"><img src="../img/wpcalu.jpg" width="30" class="rounded-circle border border-white"> silber</label>`;

    acbuttons +='</div><div style="clear:both;">&nbsp;</div>';
        
acItems+=`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
        <span class="badge rounded-pill bg-primary me-1">1</span> `+TxDodajListwy+`</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="3a"></h2>
    <div id="collapseThree" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;
}

//Inlays
if(cennik['inlay-anthrazit'] || cennik['inlay-silber'] || cennik['inlay-kreise-anthrazit'] || cennik['inlay-kreise-silber'] || cennik['inlay-mattglas-anthrazit'] || cennik['inlay-mattglas-silber']){
acbuttons =`<div class="btn-group-vertical d-flex" role="group"><input type="radio" class="btn-check inlayac" data-p="easywpc-180x180" name="inlays" id="inlaybrak" autocomplete="off" checked>
    <label class="btn btn-light text-start ps-1 mb-1" for="inlaybrak"><img src="../img/inlay-no.svg" width="50" class="me-1"> <span>Ohne</span></label></div>`;


if(cennik['inlay-anthrazit'] || cennik['inlay-silber']){
acbuttons+=`<div class="mybox rounded d-flex p-1 mb-1 align-items-center flex-wrap">
<div class="position-relative previnlay viero"><img src="../img/inlay-q.svg"  alt="inlay" width="50"><svg class="zoomico" role="img"><use xlink:href="#zoom-in"/></svg></div>
<span class="mx-1">VIERO</span><div class="ms-auto">`;
acbuttons += '<div class="btn-group-vertical min-130" role="group">';       
        
if(cennik['inlay-anthrazit']) {
     acbuttons +=`<input type="radio"  class="btn-check inlayac anthrazit" data-p="inlay-anthrazit" name="inlays" id="inlayqa" autocomplete="off">
    <label class="btn btn-light text-start" for="inlayqa"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white"> anthrazit</label>`;
}
    if(cennik['inlay-silber']) {
     acbuttons +=`<input type="radio" class="btn-check inlayac silber" data-p="inlay-silber" name="inlays" id="inlayqs" autocomplete="off">
  <label class="btn btn-light text-start" for="inlayqs"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white"> silber</label>`;
}
acbuttons +='</div></div>';
acbuttons+=`<span>Alu-Gitter 10x10mm</span></div>`;
}

if(cennik['inlay-kreise-anthrazit'] || cennik['inlay-kreise-silber']){
acbuttons+=`<div class="mybox rounded d-flex p-1 mb-1 align-items-center flex-wrap">
<div class="position-relative previnlay astro"><img src="../img/inlay-astro.svg"  alt="inlay" width="50"><svg class="zoomico" role="img"><use xlink:href="#zoom-in"/></svg></div>
<span class="mx-1">ASTRO</span><span class="badge bg-danger ms-1">neu</span>
<div class="ms-auto">`;
acbuttons += '<div class="btn-group-vertical min-130" role="group">';       

if(cennik['inlay-kreise-anthrazit']) {
     acbuttons +=`<input type="radio"  class="btn-check inlayac anthrazit" data-p="inlay-kreise-anthrazit" name="inlays" id="inlayka" autocomplete="off">
    <label class="btn btn-light text-start" for="inlayka"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white"> anthrazit</label>`;
}
    if(cennik['inlay-kreise-silber']) {
     acbuttons +=`<input type="radio" class="btn-check inlayac silber" data-p="inlay-kreise-silber" name="inlays" id="inlayks" autocomplete="off">
  <label class="btn btn-light text-start" for="inlayks"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white"> silber</label>`;
}
acbuttons +='</div></div>';
acbuttons+=`<span>Alu-Sternenhimmel Ø5–25mm</span></div>`;
}

if(cennik['inlay-mattglas-anthrazit'] || cennik['inlay-mattglas-silber']){
acbuttons+=`<div class="mybox rounded d-flex p-1 mb-1 align-items-center flex-wrap">
<div class="position-relative previnlay snow"><img src="../img/inlay-mattglas.svg"  alt="inlay" width="50"><svg class="zoomico" role="img"><use xlink:href="#zoom-in"/></svg></div>
<span class="mx-1" translate="no">SNOW<span class="badge bg-danger ms-1">neu</span></span><div class="ms-auto">`;
acbuttons += '<div class="btn-group-vertical min-130" role="group">';       

if(cennik['inlay-mattglas-anthrazit']) {
     acbuttons +=`<input type="radio"  class="btn-check inlayac anthrazit" data-p="inlay-mattglas-anthrazit" name="inlays" id="inlayma" autocomplete="off">
    <label class="btn btn-light text-start" for="inlayma"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white"> anthrazit</label>`;
}
    if(cennik['inlay-mattglas-silber']) {
     acbuttons +=`<input type="radio" class="btn-check inlayac silber" data-p="inlay-mattglas-silber" name="inlays" id="inlayms" autocomplete="off">
  <label class="btn btn-light text-start" for="inlayms"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white"> silber</label>`;
}
acbuttons +='</div></div>';
acbuttons+=`<span>Acrylglas matt mit Alu-Rahmen</span></div>`;
}



 
acItems+=`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInlay">
        <span class="badge rounded-pill bg-primary me-1">1</span> Design-Inlays (optional)</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="3b"></h2>
    <div id="collapseInlay" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;
}// /Inlays

//Pfosten
acItems += acmenuPfosten();

//LED
acItems += acmenuLed();
    
//Pfosten Montage
acItems += acmenuPfostenMontage();

//Sciana Mur
acItems += acmenuScianaMur();

//Sturmankers        
acItems += acmenuSturmankers();
    
$('#accordionConfig').append(acItems);    
rysujilekontener(); //kontener ile
    
} // /custom menu
    
    





//rozpocznij
function rozpocznij(){ 
if (typeof sharing === 'undefined') {
    // variable is undefined
} else {
    if(sharing.length > 10) { 
     wczytajShr(sharing);
    return false;
    }
}

$('.kurzanleitung').hide();

        
$('.dodatek').removeClass('ba');
localStorage.setItem('lskolor',startkolor);   
licznik = 0;
wczytywanie = true;
$('body').addClass('stepbystep');
$('.steponly').show();

    
if($('#w0__slup-180-okr-gr7').length > 0 ){
    
    $('#w0__Scena').empty();
    
} else {
    
    alert('problem 1');
    
}
 
   
    
var tmp = $('#w0__slup-180-okr-gr7').eq(0).contents().clone();	
    
    if(tmp.length > 0)
        
        {
        
        $('#w0__Scena').append("<Transform id='start-slup' class='slup-180 slup gr7' rotation='0 1 0 1.570796' data-typ='"+typslupa+"' data-hr='0' data-hl='0' data-hb='0' data-hf='0'></Transform>");
        $('#start-slup').append(tmp);
            
            
            } else alert('problem 2');
               
        
 
    
    $('.ekran').css('visibility','visible');
    $("body").addClass('bodybg');
   
    
    if(($('#w0__Scena').children().length == 0)){
        
        console.log('problem');
        
        alert('problem 3');
        
    } else 
    
    {
        
    aktywny = "start-slup";
        kierunek="r";
        
$('.easywpc-180x180.plot.dodatek.act').click();
  
$('.farba').removeClass('ba');   
$('.farba.'+startkolor).addClass('ba'); 

$('.farba.'+startkolor).prop('checked',true);
$('#inlaybrak').prop('checked',true);
    
$('#ledohne').click();
$('#stuoff').click();
    
$('#hohe1').click();
    
 //listwy   
 for(var i=0; i<7; i++){
     easyusunListwe(i);
    }
$('.listwa-8').attr('render','false');
                   
$('.custgroup input').prop('checked',false);
$('.lastrhomb').attr('render','false');
    
//farbalistew
if(cennik['ef-1-S'] || cennik['ef-7-S']) $('.farbalistew.silber').click();
else if(cennik['ef-1-A'] || cennik['ef-7-A']) $('.farbalistew.anthrazit').click();
    
//farbaramy
if(cennik['ef-l-A']) $('.farbaramy.anthrazit').click();
else $('.farbaramy.silber').click();
 
let lkslupa = 'A';
//farbaslupa i typ
if(cennik['s-190-A'] || cennik['s-235-A'] || cennik['s-295-A']) $('.farbaslupa.anthrazit').click();
                   
else { $('.farbaslupa.silber').click(); lkslupa = 'S'; }
                   
//slupy
$('.gruboscslupa.gr7').click();
            if(cennik['s-190-'+lkslupa]) $('.typslupa.s-190').click(); 
            else if(cennik['s-235-'+lkslupa]) $('.typslupa.s-235').click();
            else if(cennik['s-295-'+lkslupa]) $('.typslupa.s-295').click();

    
//kolor paneli
$('.bitmaptexture').each(function() { $(this).attr('url',$(this).attr('url').replace(/-[a-z]*\.jpg/,'-'+startkolor+'.jpg'));});
 

        
wczytywanie = false;
zapiszLS();
rysujTrawnik();
                   
$('.farby').click();
fitView();
                 
}
} // / rozpocznij


//Rhombus
function checkRhombus(){

                  
                   
    let ile = 0;
    $('.custgroup input').each(function(){
        
        if($(this).is(":checked"))
    
        ile++;
    
    })
    
    if(extra=='off'){
                   
    if(ile>2) $('.torrama').attr('translation','0 5 50')
    else  $('.torrama').attr('translation','0 3 50');
                   
    if(ile < 5) {
        $('.lastrhomb').attr('render','false');
        $('.rhombusclip').attr('translation','0 0 1.791');
                }
    else {
        $('.lastrhomb').attr('render','true');
        $('.rhombusclip').attr('translation','0 0 1.852');
    }
    } else {
    
    if(ile < 4) {
        $('.lastrhomb').attr('render','false');
        $('.rhombusclip').attr('translation','0 0 2');
                }
    else {
        $('.lastrhomb').attr('render','true');
        $('.rhombusclip').attr('translation','0 0 2.061');
    }
    
    }
    
    romHigh();
}
    
    

    


 
//WCZYTAJ
function wczytaj(){
    
var lspamiec = localStorage.getItem("pamiec");
    
if (lspamiec !== null && lspamiec.length > 1000) {
		
        console.log('starting 2');
        
        wczytywanie = true;
        
        $('body').removeClass('stepbystep');
    
        
        $('#w0__Scena').empty();
        $('#w0__Scena').append(lspamiec);
        
        
   if(($('#w0__Scena').children().length == 0)){
       
       
       localStorage.setItem('pamiec',lspamiec);
       
       wczytaj();
       return;
       
   } 
        
   licznik = localStorage.getItem("licznik");
	
   var lskolor = localStorage.getItem('lskolor');
        
   var kolorramy = $('#w0__Scena .listwa-glowna').eq(0).find('Material').attr('diffusecolor');
    var zmienkolor = kolorramy  == anthrazit ? 'anthrazit':'silber';    
    $('.farbaramy.'+zmienkolor).click();
           
    let slupkolor = $('#start-slup').hasClass('slupsilber');
    $('.farbaslupa').removeClass('ba');
    
    zmienkolor = slupkolor  == false ? 'anthrazit':'silber';  
    $('.farbaslupa.'+zmienkolor).click();
    
     

    
        
    if($('#start-slup').hasClass('gr9')) $('.gruboscslupa.gr9').click();
        
    if($('#start-slup').children('.l_strona').children().length == 1){
        
   var sciana = $('#start-slup').children('.l_strona').find('.model').attr('data-p');
        
        if(sciana.indexOf('mur')!=-1) {
                      $('.slupsciana.s-'+sciana).prop('checked',true);
                     
                      }
        
    }
    
    typslupa = $("#start-slup").attr('data-typ');
    
    //mauer adapter
    if($('#start-slup').hasClass('mauerback')) $('#mauerstrona').prop('checked',true);
    
    if($('#start-slup .mauer-adapter').eq(0).attr('render')=='true'){
    
    let mauerkolor = 'anthrazit';
    
    if($('#start-slup .mauer-adapter').eq(0).hasClass('silber')) mauerkolor = 'silber';
    
    $('#mauer'+mauerkolor).click();
    $('.panelpokrywa').show();
    
    } else {
    
       
    $('.typslupa.'+typslupa).click(); 
    
    if($('#start-slup .pokrywa-kotwy').eq(0).attr('render')=='true') $('#pokrywa').prop('checked',true);
    if($('#start-slup').hasClass('extrahohe')) {$('#hohe2').click();  }
    
    }
        
    
    
    for(var i=0; i<9; i++){
    if($('#w0__Scena .listwa-'+i).eq(0).attr('render')=="true") {$('#c-listwa-'+i).click();}
    }
        
    var kolorlistew = $('#w0__Scena .listwa-ozdobna').eq(0).find('Material').attr('diffusecolor');
    $('.farbalistew').removeClass('ba');
    zmienkolor = kolorlistew  == anthrazit ? 'anthrazit':'silber';    
    $('.farbalistew.'+zmienkolor).click();
	
	$('.farba').removeClass('ba');
	$('.farba.'+lskolor).addClass('ba'); 
    $('.farba.'+lskolor).prop('checked',true);
                      
    ustalInlays();                 
                   
   $('.bitmaptexture').each(function() {$(this).attr('url',$(this).attr('url').replace(/-[a-z]*\.jpg/,'-'+lskolor+'.jpg'));});
                      
                   
        
    wczytywanie = false;
    zapiszLS();
    rysujTrawnik();console.log('2')
    
    //console.log('wczytane');
    perspektywa();
    setTimeout(function(){ perspektywa(); },1000);
    //perspektywa();
     
    //fitView();
    
    $('.farby').click();
    $('#bus2').click();
    $('#kolorpaneli').click();
    $('.achtungico').remove();
   
    } else {
        
  console.log('starting...');
        
  localStorage.removeItem('pamiec');
  localStorage.removeItem('licznik');
  localStorage.removeItem('lskolor');
        
       $('#w0__Scena').empty();
        
        rozpocznij();
        
    }
    
    $('.ekran').css('visibility','visible');
    $("body").css({"background":"#fff"}); 
                      
    if($('.hasgate').length > 0 ) {$('.newhelp').hide(); $('.mauergroup').addClass('d-none');}                 
   
     
}///wczytaj



//ZMIANA KOLORU
$(document).on("click", ".farba.dodatek.act",  function(){ 
    $('.farba').removeClass('ba');
    $(this).addClass('ba');
	var lskolor = $(this).attr("data-kolor");
	
   	
	$('.bitmaptexture').each(function() {
 	     		 $(this).attr('url',$(this).attr('url').replace(/-[a-z]*\.jpg/,'-'+lskolor+'.jpg?v=1'));
	 });
	
	localStorage.setItem('lskolor',lskolor);
});

//kolor slupow
$(document).on("click", ".farbaslupa.dodatek.act",  function(){ //ZMIANA KOLORU SLUPA

    $('.farbaslupa').removeClass('ba');
    $(this).addClass('ba');
	
    var slupkolor = $(this).attr("data-kolor");
   
    let textura = "maps/k-acpanthrazit.jpg";

    if(slupkolor=='silber') {
     textura = "maps/k-aluminium.jpg"; $('#start-slup').addClass('slupsilber');
     kolorslupa = silber;
     if(!(cennik['s-295-S'])){
      if($('#start-slup').hasClass('extrahohe')) $('#hohe1').click(); 
      $('#hohe2').prop('disabled',true);
     } else $('#hohe2').prop('disabled',false);
     }
    else {$('#start-slup').removeClass('slupsilber');kolorslupa = anthrazit;
     
     if(!(cennik['s-295-A'])){
      if($('#start-slup').hasClass('extrahohe')) $('#hohe1').click(); 
      $('#hohe2').prop('disabled',true);
     } else $('#hohe2').prop('disabled',false);
     }
                      
    $('.sluptexture').attr('url',textura);
    
     dodajPokrywe();
     ustalStu();
   
    zapiszLS();
});

//kolor ramy
$(document).on("click", ".farbaramy.dodatek.act",  function(){ //ZMIANA KOLORU RAMY
   $('.farbaramy').removeClass('ba');
    $(this).addClass('ba');
	var ramakolor = $(this).attr("data-kolor");
	
	var kolorramy = ramakolor == 'anthrazit'?anthrazit:silber;
    $('.listwa-glowna').find('Material').attr('diffuseColor',kolorramy);
    
    zapiszLS();
});

//kolor listew
$(document).on("click", ".farbalistew.dodatek.act",  function(){ 

    $('.farbalistew').removeClass('ba');
    $(this).addClass('ba');
	var listwakolor = $(this).attr("data-kolor");
	
	var nowykolor = listwakolor == 'anthrazit'?anthrazit:silber;
    //$('.listwa-ozdobna').children().find('Material').attr('diffuseColor',nowykolor);
    $('.listwa-ozdobna').find('Material').attr('diffuseColor',nowykolor);
    
    zapiszLS();

});


    
   






//click menu plot
$(document).on("click", ".plot.dodatek.act",  function(){ 
    
  
   if($(this).hasClass('ba')){ //usuwanie
	   return;
   }
   else if(aktywny.indexOf('slup') == -1) { //zamiana
   
      var $idd = $(this).attr('data-produkt');
	  var dlplotu = $(this).attr('data-w');
	  var odlSlupa = parseInt(dlplotu) + parseInt(gruboscslupa);
       
      var hl = $(this).attr('data-hl');
	  var hr = $(this).attr('data-hr');
	  
	   var slup = $('#'+aktywny+'-slup');
	   var rodzicSlup = $('#'+aktywny).closest('.slup'); 
       
       let kierunek = $('#'+aktywny).attr('data-k');
    
    
    if($idd.indexOf('ef-tor-inlay')==0) {
      let kolor = $(this).attr('data-kolor')
      var tmp = $('#w0__'+'ef-tor-ef-'+kolor).eq(0).contents().clone();  
      tmp.find('.deska-6').attr('render','false');
      var tmpinlay = $('#w0__'+kindinlay).eq(0).contents().clone(); 
      tmp.find('.inlay').append(tmpinlay);
    }
    else if($idd.indexOf('inlay-')==0) {
        
      var tmp = $('#w0__'+'easywpc-180x180').eq(0).contents().clone();  
      tmp.find('.deska-6').attr('render','false');
        
      var tmpinlay = $('#w0__'+$idd).eq(0).contents().clone(); 
        
     tmp.find('.inlay').append(tmpinlay);
    }
	else
    var tmp = $('#w0__'+$idd).eq(0).contents().clone();
    
    //easy-boards
    if($idd == 'z-180x180' || $idd == 'z-80x180H' || $idd == 'z-H180x180' || $idd == 'z-80x180T' || $idd == 'z-80x180V' ){
    
    let bitmapyeb = {A:'panel-acpanthrazit', T:'panel-acpterragrau', M:'panel-milchacryl', R:'panel-acprostoptik', S:'aluminium'}
     
    let tmpid = $idd;
     
    if($idd == 'z-80x180H' || $idd == 'z-H180x180' || $idd == 'z-80x180V') tmpid = 'z-80x180';
   
     
    if(!(cennik[tmpid+"-"+ebdefault.kolorpaneli])){
     
      if(cennik[tmpid+"-A"]) ebdefault.kolorpaneli = 'A';
      else if(cennik[tmpid+"-T"]) ebdefault.kolorpaneli = 'T';
      else if(cennik[tmpid+"-M"]) ebdefault.kolorpaneli = 'M';
      else if(cennik[tmpid+"-R"]) ebdefault.kolorpaneli = 'R';
     
     }
    
    let bitmapa = bitmapyeb[ebdefault.kolorpaneli];
    
    tmp.find('.panelbitmap').attr('url','maps/'+bitmapa+'.jpg');
    
    bitmapa = bitmapyeb[ebdefault.kolorramy];
    
    tmp.find('.ramabitmap').attr('url','maps/'+bitmapa+'.jpg');
    
    bitmapa = bitmapyeb[ebdefault.kolorlistew];
    tmp.find('.listwabitmap').attr('url','maps/'+bitmapa+'.jpg');
    
    $('#'+aktywny).attr("data-eb",ebdefault.kolorpaneli);
    $('#'+aktywny).attr("data-r",ebdefault.kolorramy);
    
    
    if($idd=='z-180x180' || $idd=='z-H180x180') {
     bitmapa = bitmapyeb[ebdefault.kolorlistew];
     tmp.find('.listwabitmap').attr('url','maps/'+bitmapa+'.jpg');
     $('#'+aktywny).attr("data-l",ebdefault.kolorlistew);
    } 
    
    } else $('#'+aktywny).removeAttr("data-eb data-r data-l"); 
    // /easy-boards
       
       rodzicSlup.attr('data-h'+kierunek, hl);
       slup.attr('data-hl', hr);
    
       podmienSlup2(rodzicSlup);
	   podmienSlup2(slup);
	  
       $('#'+aktywny).empty().append(tmp);
    
    
    //drzwi zawias
    if($idd.indexOf('ef-tor-')!==-1 && (kierunek=="f" || kierunek == "b")) {
    
  $('#'+aktywny + '> Transform > .ustawdrzwi').attr('scale','1 -1 1'); 
   $('#'+aktywny + '> Transform > .ustawdrzwi').attr('translation','0 2 0');
    
    toropcja = 3;
    
    }
    
    else if($idd.indexOf('ef-tor-')!==-1 && (kierunek=="r")) {
    
    if(rodzicSlup.attr('data-hf') == '180' || rodzicSlup.attr('data-hf') == '179') {
    
     $('#'+aktywny + '> Transform > .ustawdrzwi').attr('scale','1 -1 1'); 
     $('#'+aktywny + '> Transform > .ustawdrzwi').attr('translation','0 2 0');
    
     toropcja = 3;
    
    }
    
    } // /zawias
    
    
	  $('#'+aktywny).attr('data-p',$idd);
	  $('#'+aktywny).attr('data-w',dlplotu);
	  	   
	  slup.attr('translation','0 0 '+odlSlupa);
       
    if(slup.children('.r_strona').children().length == 1){
        
       var sciana = slup.children('.r_strona').find('.model').attr('data-p');
        
        if(sciana.indexOf('mur')!=-1) {
             
            var korektaslupa = parseInt(dlplotu) + 3;
            slup.attr('translation','0 0 '+korektaslupa);
                       
        }
        
    }
       
     Gate(); 
	  
      rysujTrawnik();console.log('3')
       odznacz();
       fitView();
       zapiszLS();
     
         pmenu('hide');
   
   } // /zamiana
   
   
   else   {  //dodanie
      var modelplotu = $(this).attr('data-produkt');
	  var dlplotu = parseInt($(this).attr('data-w'));
	  var wysl = $(this).attr('data-hl');
	  var wysr = $(this).attr('data-hr');
       
      dodajPlot3(modelplotu, dlplotu, wysl, wysr); 
   }
});


var ilerazy = 1;

//Dodaj plot
dodajPlot3 = function($idd, dlplotu, hl, hr){ //DODAJ PLOT
	
	licznik++;
	var wysslupa = '180';
	
	var rodzicSlup = $('#'+aktywny);
    
    //usun led
    if(rodzicSlup.attr('data-h'+kierunek)=='0.1') { 
                      rodzicSlup.removeClass('hasled');
                     // rodzicSlup.attr('data-h'+kierunek,'0');
                      rodzicSlup.children('.'+kierunek+'_strona').empty();
                      }
                      
    //usun sturmanker
    if(kierunek == 'b' || kierunek == 'f'){
       if(rodzicSlup.attr('data-hf')=='30')  {
       rodzicSlup.children('.f_strona').empty(); rodzicSlup.attr('data-hf','0');
       if(jestmauer=='off') rodzicSlup.children('transform').children('.betony').attr('render','true');
       }
       else if(rodzicSlup.attr('data-hb')=='30')  {
      rodzicSlup.children('.b_strona').empty(); rodzicSlup.attr('data-hb','0');
       if(jestmauer=='off') rodzicSlup.children('transform').children('.betony').attr('render','true');}
        
    }
    
    if($idd.indexOf('ef-tor-inlay')==0) {
      let kolor = $idd == 'ef-tor-inlay-a'?'a':'s';
      var tmp = $('#w0__'+'ef-tor-ef-'+kolor).eq(0).contents().clone();  
      tmp.find('.deska-6').attr('render','false');
      var tmpinlay = $('#w0__'+kindinlay).eq(0).contents().clone(); 
      tmp.find('.inlay').append(tmpinlay);
    }
    else if($idd.indexOf('inlay-')==0) {
        
      var tmp = $('#w0__'+'easywpc-180x180').eq(0).contents().clone();  
      tmp.find('.deska-6').attr('render','false');
        
      var tmpinlay = $('#w0__'+$idd).eq(0).contents().clone(); 
        
     tmp.find('.inlay').append(tmpinlay);
    }
	else
    var tmp = $('#w0__'+$idd).eq(0).contents().clone();
       
    
    
	
	rodzicSlup.attr('data-h'+kierunek, hl);
	  
    
    if($idd.indexOf('easywpc-mur')!=-1){
      rodzicSlup.children('transform').children('.easyslup').attr('render','false');
      rodzicSlup.children('.kotwy').attr('render','false');
   
   rodzicSlup.children('transform').children('.betony').attr('render','false').addClass('betonmur').removeClass('betony');
      
    //blokuj arrows
    rodzicSlup.attr('data-hf', '180');
    rodzicSlup.attr('data-hb', '180');
        
        if(kierunek == 'l') {
            
             var przesunplot = gruboscslupa == '9' ? '-6' : '-4';
            
            rodzicSlup.children('.r_strona').attr('translation','0 0 '+przesunplot);
            
        } else {
          
           var daneslupa = rodzicSlup.attr('translation');
           var pm = daneslupa.split(' ')
        
           var przesunplot =  Number(pm[2]) - parseInt(gruboscslupa)+3;
            
            console.log(przesunplot);
            
           rodzicSlup.attr('translation','0 0 '+przesunplot);
            
        }
  
    }
	 rodzicSlup.attr('data-h'+kierunek, hl);
    
    podmienSlup2(rodzicSlup);
   
	var $indeks = "plot-Q" + kierunek + "-" + licznik;
    
    var odlSlup = dlplotu + parseInt(gruboscslupa);
    var pozPlotu = gruboscslupa == '9' ? '4.5':'3.5';
	  
    
    $('#'+aktywny).children('.'+kierunek+'_strona').append("<Transform id='"+$indeks+"' class='model' data-w='"+dlplotu+"' data-p='"+$idd+"' data-k='"+kierunek+"' translation='0 0 "+pozPlotu+"' onclick='wskaz(event)'></Transform>");
    
    //easy-boards
    if($idd == 'z-180x180' || $idd == 'z-80x180H' || $idd == 'z-H180x180' || $idd == 'z-80x180T' || $idd == 'z-80x180V' ){
    
    let bitmapyeb = {A:'panel-acpanthrazit', T:'panel-acpterragrau', M:'panel-milchacryl', R:'panel-acprostoptik', S:'aluminium'}
     
    let tmpid = $idd;
     
    if($idd == 'z-80x180H' || $idd == 'z-H180x180' || $idd == 'z-80x180V') tmpid = 'z-80x180';
   
     
    if(!(cennik[tmpid+"-"+ebdefault.kolorpaneli])){
     
      if(cennik[tmpid+"-A"]) ebdefault.kolorpaneli = 'A';
      else if(cennik[tmpid+"-T"]) ebdefault.kolorpaneli = 'T';
      else if(cennik[tmpid+"-M"]) ebdefault.kolorpaneli = 'M';
      else if(cennik[tmpid+"-R"]) ebdefault.kolorpaneli = 'R';
     
     }
    
    let bitmapa = bitmapyeb[ebdefault.kolorpaneli];
    
    tmp.find('.panelbitmap').attr('url','maps/'+bitmapa+'.jpg');
    
    bitmapa = bitmapyeb[ebdefault.kolorramy];
    
    tmp.find('.ramabitmap').attr('url','maps/'+bitmapa+'.jpg');
    
    bitmapa = bitmapyeb[ebdefault.kolorlistew];
    tmp.find('.listwabitmap').attr('url','maps/'+bitmapa+'.jpg');
    
    $('#'+$indeks).attr("data-eb",ebdefault.kolorpaneli);
    $('#'+$indeks).attr("data-r",ebdefault.kolorramy);
    
    
    if($idd=='z-180x180' || $idd=='z-H180x180') {
     bitmapa = bitmapyeb[ebdefault.kolorlistew];
     tmp.find('.listwabitmap').attr('url','maps/'+bitmapa+'.jpg');
     $('#'+$indeks).attr("data-l",ebdefault.kolorlistew);
    } 
    
    } 
    // /easy-boards
	
    $('#'+$indeks).append(tmp);
    
    //drzwi zawias
    if($idd.indexOf('ef-tor-')!==-1 && (kierunek=="f" || kierunek == "b")) {
    
   $('#'+$indeks + '> Transform > .ustawdrzwi').attr('scale','1 -1 1'); 
   $('#'+$indeks + '> Transform > .ustawdrzwi').attr('translation','0 2 0');
    
     toropcja = 3;
    
    }
    
    else if($idd.indexOf('ef-tor-')!==-1 && (kierunek=="r")) {
    
    if(rodzicSlup.attr('data-hf') == '180' || rodzicSlup.attr('data-hf') == '179') {
    
     $('#'+$indeks + '> Transform > .ustawdrzwi').attr('scale','1 -1 1'); 
      $('#'+$indeks + '> Transform > .ustawdrzwi').attr('translation','0 2 0');
    
     toropcja = 3;
    
    }
    
    } // /zawias
    
    if($idd!='sturmanker'){
    $('#'+aktywny).children('transform').children('.easyslup').find('.listwa_'+kierunek).attr('render','false');
    }                 
	
	if(stopSlup != odlSlup){
        
    if($idd.indexOf('easywpc-mur')==-1 && $idd!='sturmanker' && $idd!='ledcolor' && $idd!='ledwhite'){   
        
    var tmpslup = $('#w0__slup-180-okr-gr7').eq(0).contents().clone();
        
	$('#'+aktywny).children('.'+kierunek+'_strona').append("<Transform id='"+$indeks+"-slup' data-hl='"+hr+"' data-hr='0' data-hb='0' data-hf='0' class='slup-"+wysslupa+" slup' translation='0 0 "+ odlSlup +"'></Transform>");
    $('#'+$indeks+'-slup').append(tmpslup);
	
	var nowyslup = $('#'+$indeks+'-slup');
        
   //nowyslup.children('transform').children('.easyslup').find('.listwa_l').attr('render','false');
    podmienSlup2(nowyslup);                   
    
    
                      
        
        if(ilerazy>1) {
            
            ilerazy--;
            
            $('#'+aktywny).find('.kolorslupa').find('Material').attr({diffuseColor:kolorslupa,specularColor:kolor['ss']});
            aktywny = $indeks+'-slup';
            
            dodajPlot3($idd, dlplotu, hl, hr);
            
            return;
            
        } 
     
    }   
        
       
    }
	

if($('body').hasClass('stepbystep') && !wczytywanie){
ekran2();
} else {
         pmenu('hide');
         fitView();
    }
    checkMauer();
    Gate();
    zapiszLS();
    rysujTrawnik();
    aktywny='';
}//Dodaj Plot
    
    


function ekran2(){
       $('body').removeClass('stepbystep');
       $('.steponly').hide();
       perspektywa();
       var myCollapse = document.getElementById('collapseOne');
       var bsCollapse = bootstrap.Collapse.getOrCreateInstance(myCollapse);
       bsCollapse.show(); 
}




//ZAZNACZ PLOT
function zaznaczPlot(myid){ 

$('#bus2').click();
$('#pmenulabel').text('ausgewählter Zaun');
$('#accordionConfig .accordion-collapse.show').collapse('hide');
$('#eb-accordion .accordion-collapse.show').collapse('hide');
    

        
 if($(window).width() > mobilev) {
 $('#pmenu').removeClass('offcanvas-bottom').addClass('offcanvas-start'); pokazpasek();
 } else $('#pmenu').removeClass('offcanvas-start').addClass('offcanvas-bottom');
    
id = myid;
    
if(id != aktywny){

     odznacz();
     aktywny = id;
    
    $('#'+aktywny).find('.redbox').attr('transparency','0.5');
     
     $('#'+aktywny).find('.deska').find('Material').attr({diffuseColor:kolor['ad'],specularColor:kolor['as']});
     
    
    $('#'+aktywny).find('.redbox').attr('transparency','0.5');
     
    if( $('#'+myid).attr('data-w')=='57' && ($('#'+myid).attr('data-p')=='easy-rhombus-60-silber' || $('#'+myid).attr('data-p')=='easy-rhombus-60-anthrazit' || $('#'+myid).attr('data-p')=='easy-rhombus-60-terragrau')) {$('#collapseCut').collapse('hide');} 
     else if( $('#'+myid).attr('data-w')=='87' && ($('#'+myid).attr('data-p')=='easy-rhombus-90-silber' || $('#'+myid).attr('data-p')=='easy-rhombus-90-anthrazit' || $('#'+myid).attr('data-p')=='easy-rhombus-90-terragrau')) {$('#collapseCut').collapse('hide');} 
    else if( $('#'+myid).attr('data-w')=='85' && ($('#'+myid).attr('data-p')=='z-80x180V')) {$('#collapseCut').collapse('hide');} 
     else  if( $('#'+myid).attr('data-w')!='177') {$('#collapseCut').collapse('show');cutter();}
     else $('#collapseCut').collapse('hide'); 
    
    zaznaczSlup('#'+aktywny+'-slup');
    
    
    if(aktywny=='start-slup') return;
    
   var prodid = $('#'+aktywny).attr('data-p');
    
   if(prodid.indexOf('mur')!=-1){ 
         
         $(".plot.dodatek").hide();
         $(".akcesoria .mybox").addClass('d-none');
         $(".plot.mur").show();
       
    } else if(prodid == 'sturmanker'){
         
         $(".plot.dodatek").hide();
         $(".plot.sturmanker").show();
         $(".akcesoria .mybox").addClass('d-none');
       
    } else {
         $(".plot.dodatek").show();
         $(".plot.mur").hide();
         $(".plot.sturmanker").hide();
        
    if(prodid.indexOf('ef-tor-')!==-1  ||  prodid.indexOf('z-80x180T')!==-1) $('.cut').hide();
    else $('.cut').show();
    
    if(kindinlay=='ohne') $('.inlaybuttons').hide();
    else $('.inlaybuttons').show();
         
    $(".akcesoria .mybox").removeClass('d-none');
    
    
    if($('#'+aktywny+"-slup").attr('data-hr')=='190' || $('#'+aktywny).closest('.slup').attr('data-hl')=='190' || extra == 'on' || jestmauer !== 'off') {$('.torsopcje').addClass('d-none'); $('.torsopis').removeClass('d-none');}
    else {$('.torsopcje').removeClass('d-none'); $('.torsopis').addClass('d-none');}
    
     mozliwaFurtka();
    
       }
   
    
	    
	$(".plot.dodatek").addClass('act');
	
     
		
	   $(".akcesoria").show();
        pmenu('show');
    	       
	$('.'+prodid).addClass('act ba').show();
             
      $('.oczy').show();
    
  
     
     if(aktywny !== 'plot-Qr-1') {$('.kosz').show(); $('.firstzaun').hide(); fenceBin();}
     else {$('.kosz').hide(); $('.firstzaun').show();}
    
     if($('#'+aktywny).attr('data-p').indexOf('ef-tor-')!=-1){
        
        var nikotor = $('#w0__fencetor');
        if(!nikotor.length) nikotor = '<Transform id="w0__fencetor" render="true" rotation="0 0 1 1.5708" translation="0 205 0"><Shape onclick="drzwiOpcje(event)"><Appearance><ImageTexture url="maps/tor.png" origChannelCount="1.0" /><TextureTransform scale="1 1"/><Material diffuseColor="#fff" transparency="0" /></Appearance><Cylinder radius="18" height=".5"  /></Shape></Transform>';
        
        $('#'+aktywny).append(nikotor); 
        $('#w0__fencetor').attr('translation','0 205 30');
        $('#w0__fencekosz').attr('translation','0 205 70');
        
        } else  if($('#'+aktywny).attr('data-p').indexOf('T')!=-1){
        
        var nikotor = $('#w0__fencetor');
        if(!nikotor.length) nikotor = '<Transform id="w0__fencetor" render="true" rotation="0 0 1 1.5708" translation="0 205 0"><Shape onclick="schragOpcje(event)"><Appearance><ImageTexture url="maps/tor.png" origChannelCount="1.0" /><TextureTransform scale="1 1"/><Material diffuseColor="#fff" transparency="0" /></Appearance><Cylinder radius="18" height=".5"  /></Shape></Transform>';
        
        $('#'+aktywny).append(nikotor); 
        $('#w0__fencetor').attr('translation','0 205 30');
        $('#w0__fencekosz').attr('translation','0 205 70');
        }
     
        
	} else {
        
        pmenu('hide');
  	  
	  }   
}


    


//koszyk
function wypelnijkoszyk(){

$('#bus2').click();
    
aktywny = '';
	
	 $ilosc = 0,
	 $wartosc = 0,
	 $dane = "",
	 idprodukt="";
	 
   var wkolor = localStorage.getItem('lskolor');	
    
    var vplotu = koloryplotu[wkolor];
    
	
    
    var kolorramy = $('#w0__Scena .listwa-glowna').eq(0).find('Material').attr('diffusecolor');
    var vramy = kolorramy  == anthrazit ? "-A":"-S";
    
     var kolorlistew = $('#w0__Scena .listwa-ozdobna').eq(0).find('Material').attr('diffusecolor');
    
    var vlistew = kolorlistew  == anthrazit ? "A":"S"; 
    
    var vslupa = kolorslupa == anthrazit ? "-A":"-S"; 
	 
 let achtung = 0;
 
 
 
 
//********
let ilee = 8; //ile elem.
if(extra=='on') ilee = 9;

//LICZ DESKI
const liczdeski = (id,ilee,maxdl,param,wopak=1)=>{
 
 let tabc=[]; //ciete
 let tabp=[]; //zostalo
 
 $(".model[data-p^='"+id+"']").each(function() {
 
    let dldeski = parseInt($(this).attr('data-w'));
    
    if(achtung==0 && (dldeski+3)<maxdl) achtung = 2; //jest ciecie
    
    for(let i = 0; i < ilee ; i++){ tabc.push(dldeski+3); tabp.push(maxdl-dldeski-3); }
                       }) // /each
                           
   if(param){ //plot kratka, listwy design
    
    if(id!=='inlay-'){
    $(".model[data-p^='inlay-']").each(function() {
    let dldeski = parseInt($(this).attr('data-w'));
    for(let i = 0; i < param ; i++) {tabc.push(dldeski+3); tabp.push(maxdl-dldeski-3);}
    }) // /each 
    }
    $(".model[data-p^='ef-tor-inlay-']").each(function() { //drzwi z inlay
    for(let i = 0; i < param ; i++) {tabc.push(90); tabp.push(maxdl-90);}
    }) // /each 
                           
 }// /param
    
    if(id=='easy-rhombus-90-anthrazit'){ //drzwi rhombus
     
    $(".model[data-p^='ef-tor-rom-a']").each(function() { //drzwi
     tabc.push(90); tabp.push(0);
    }) // /each 
        
       
    
    } else if(id=='easy-rhombus-90-silber'){ //drzwi rhombus
     
    $(".model[data-p^='ef-tor-rom-s']").each(function() { //drzwi
     tabc.push(90); tabp.push(0);
    }) // /each 
    
    } else if(id=='easy-rhombus-90-terragrau'){ //drzwi rhombus
     
    $(".model[data-p^='ef-tor-rom-t']").each(function() { //drzwi
     tabc.push(90); tabp.push(0);
    }) // /each 
    
    }
                           
tabc.sort(function(a, b){return a-b});
tabp.sort(function(a, b){return a-b});
                           
let maxsuma = 0; 
let sumadesek = 0;
if(tabc.length>0){
 
 maxsuma = tabc.length * maxdl;
 for (let i = 0; i < tabc.length; i++) { for (let j = 0; j < tabp.length; j++) { if(tabc[i] <= tabp[j]){ maxsuma-=tabp[j];  tabp[j]=0;break;}}}
                                                                                                      
 sumadesek = maxsuma/maxdl;                                                                                                    
 
      let maxdesek = tabc.length;                                                                                                 
      if(achtung == 2) {
      let opakmax = Math.ceil(maxdesek/wopak);                  
      let opak = Math.ceil(sumadesek/wopak); 
      if(opak < opakmax) achtung = 1;
      console.log('---0--',id,achtung,opak)
    }                                                                                                     
                                                                                                     
} // /if
  
 console.log('--1-',id,sumadesek,achtung);
//return Math.ceil(sumadesek);
return sumadesek;
 
}// /liczdeski
    
//*********************************************************** 
    
//TOR rama ef
   
    let iloscramA = 0;
    let iloscramS = 0;
    i = 'ef-tor-ef-a';
    iloscramA = $('scene .model[data-p="'+i+'"]').length;
    
     i = 'ef-tor-ef-s';
    iloscramS = $('scene .model[data-p="'+i+'"]').length;
     
   
 
 //********
     
    
//deski easy-fence   
let iledesekef = liczdeski('easywpc-180x180',ilee,180,ilee-1,4);
let ilehalfef = liczdeski('easy-half',4,180,0,4);
let paneleTor = iloscramA+iloscramS; 
     
     
iledesekef = iledesekef + ilehalfef;
     

if(iledesekef > 0){
     

let opak = Math.ceil((iledesekef)/4);
let opak2 = opak + paneleTor;  
var i = 'ef'+vplotu; 
$dane += i+":"+String(opak2)+",";


} else if(paneleTor){
     
  var i = 'ef'+vplotu; 
  $dane += i+":"+String(paneleTor)+",";   
     
     }
     
//inlays
let sumakratek = liczdeski('inlay-',1,180,1);  
    sumakratek = Math.ceil(sumakratek);
if(sumakratek>0){
    
    $dane += kindinlay+":"+String(sumakratek)+",";
}
     
// listwy startowe ef
const liczListwyEF = (maxdl)=>{
 
 let tabc=[]; //ciete
 let tabp=[]; //zostalo     
$(".model[data-p='easywpc-180x180'],.model[data-p^='inlay-'],.model[data-p='easy-half']").each(function() {
     
     let dldeski = parseInt($(this).attr('data-w'));
     
    tabc.push(dldeski+3); tabp.push(maxdl-dldeski-3); 
     
      });
     
tabc.sort(function(a, b){return a-b});
tabp.sort(function(a, b){return a-b});
     
let maxsuma = 0; 
let sumadesek = 0;
     
if(tabc.length>0){
 
 maxsuma = tabc.length * maxdl;
 for (let i = 0; i < tabc.length; i++) { for (let j = 0; j < tabp.length; j++) { if(tabc[i] <= tabp[j]){ maxsuma-=tabp[j];  tabp[j]=0;break;}}}
                                                                                                      
 sumadesek = maxsuma/maxdl;                                                                                                    
                                                                                                  
                                                                                                     
}
  
return Math.ceil(sumadesek);
     
} // liczListwyEF
 
let listwyEF = 0;                                                                                                    
                                                                                                       
listwyEF = liczListwyEF(180);                                                                                                   
                                                                                                       
//sicherclips EF
if(listwyEF > 0) {
let przesla = $(".model[data-p='easywpc-180x180'],.model[data-p^='inlay-'],.model[data-p='easy-half']").length;
     
sicherclips = przesla - listwyEF;
if(sicherclips>0 ){
i = 'ef-l'+vramy;
$dane += i+":"+String(listwyEF)+","; 
i = "sicherclips"+vramy;
if(i in cennik) $dane += i+":"+String(sicherclips)+",";
else {let nk = vramy == "-S" ? "-A":"-S"; i = "sicherclips"+nk; if(i in cennik) $dane += i+":"+String(sicherclips)+",";}
} else {
     
i = 'ef-l'+vramy;
if(i in cennik) $dane += i+":"+String(przesla)+","; 
     
}
}
                                                                                                           
                                                                                                    

//tor rama inlay, rama rom
i = 'ef-tor-inlay-a';
iloscramA += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-rom-aa';
iloscramA += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-rom-sa';
iloscramA += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-romtaa';
iloscramA += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-inlay-s';
iloscramS += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-rom-as';
iloscramS += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-rom-ss';
iloscramS += $('scene .model[data-p="'+i+'"]').length;
    
i = 'ef-tor-rom-ts';
iloscramS += $('scene .model[data-p="'+i+'"]').length;
    

//ef rama a
i = 'ef-torrama-A';   
if(iloscramA > 0) $dane += i+":"+String(iloscramA)+",";
    
//ef rama s
i = 'ef-torrama-S';   
if(iloscramS > 0) $dane += i+":"+String(iloscramS)+",";
    
    
//Tor rama BOARDS
    
iloscramA = 0;
iloscramS = 0;
let ilosc = 0;    
var plyta = {}
    
i = 'ef-tor-boards-aa';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramA += ilosc;
plyta['z-80x180-A'] = ilosc;
}

i = 'ef-tor-boards-ta';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramA += ilosc;
plyta['z-80x180-T'] = ilosc;
}
    
i = 'ef-tor-boards-ma';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramA += ilosc;
plyta['z-80x180-M'] = ilosc;
}
    
i = 'ef-tor-boards-ra';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramA += ilosc;
plyta['z-80x180-R'] = ilosc;
}
    
i = 'ef-tor-boards-as';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramS += ilosc;
plyta['z-80x180-A'] = ilosc;
}

i = 'ef-tor-boards-ts';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramS += ilosc;
plyta['z-80x180-T'] = ilosc;
}
    
i = 'ef-tor-boards-ms';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramS += ilosc;
plyta['z-80x180-M'] = ilosc;
}
    
i = 'ef-tor-boards-rs';
ilosc = $('scene .model[data-p="'+i+'"]').length;
if(ilosc>0){
iloscramS += ilosc;
plyta['z-80x180-R'] = ilosc;
}
    
    
/*
'z-180x180'
'z-H180x180':
'z-80x180V'
'z-80x180H'
'z-80x180T'
*/
    
//z-80x180-A
let kolor = 'A';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180V"], [data-eb="'+kolor+'"][data-p="z-80x180H"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
//z-80x180-T
kolor = 'T';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180V"], [data-eb="'+kolor+'"][data-p="z-80x180H"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
//z-80x180-M
kolor = 'M';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180V"], [data-eb="'+kolor+'"][data-p="z-80x180H"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
     
//z-80x180-R
kolor = 'R';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180V"], [data-eb="'+kolor+'"][data-p="z-80x180H"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
//z-H180x180
kolor = 'A';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-H180x180"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=2*ilosc;
else plyta[i] = 2*ilosc;
}

kolor = 'T';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-H180x180"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=2*ilosc;
else plyta[i] = 2*ilosc;
}

kolor = 'M';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-H180x180"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=2*ilosc;
else plyta[i] = 2*ilosc;
}
     
kolor = 'R';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-H180x180"]').length
if(ilosc>0){
let i = 'z-80x180-'+kolor;
if(i in plyta) plyta[i]+=2*ilosc;
else plyta[i] = 2*ilosc;
}
    
//z-80x180T
kolor = 'A';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180T"]').length
if(ilosc>0){
let i = 'z-80x180T-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
kolor = 'T';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180T"]').length
if(ilosc>0){
let i = 'z-80x180T-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
kolor = 'M';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180T"]').length
if(ilosc>0){
let i = 'z-80x180T-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}

kolor = 'R';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-80x180T"]').length
if(ilosc>0){
let i = 'z-80x180T-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
//z-180x180
kolor = 'A';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-180x180"]').length
if(ilosc>0){
let i = 'z-180x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
kolor = 'T';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-180x180"]').length
if(ilosc>0){
let i = 'z-180x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
kolor = 'M';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-180x180"]').length
if(ilosc>0){
let i = 'z-180x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
     
kolor = 'R';
ilosc = $('scene .model[data-eb="'+kolor+'"][data-p="z-180x180"]').length
if(ilosc>0){
let i = 'z-180x180-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}

    
if(Object.keys(plyta).length>0){
    
 $.each(plyta, function(i,v){   
    
    $dane += i+":"+String(v)+",";
    
    });
//rama a
i = 'eb-torrama-A';   
if(iloscramA > 0) $dane += i+":"+String(iloscramA)+",";
    
//rama s
i = 'eb-torrama-S';   
if(iloscramS > 0) $dane += i+":"+String(iloscramS)+",";    
} 
    
    
//listwy EB H
    
plyta = {}

//hv-S
kolor = 'S';    
ilosc = $('scene .model[data-l="'+kolor+'"][data-p="z-180x180"]').length
if(ilosc>0){
let i = 'hv-'+kolor;
if(i in plyta) plyta[i]+=3*ilosc;
else plyta[i] = 3*ilosc;
}
    
ilosc = $('scene .model[data-l="'+kolor+'"][data-p="z-H180x180"]').length
if(ilosc>0){
let i = 'hv-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
 
//hv-A
kolor = 'A';    
ilosc = $('scene .model[data-l="'+kolor+'"][data-p="z-180x180"]').length
if(ilosc>0){
let i = 'hv-'+kolor;
if(i in plyta) plyta[i]+=3*ilosc;
else plyta[i] = 3*ilosc;
}
    
ilosc = $('scene .model[data-l="'+kolor+'"][data-p="z-H180x180"]').length
if(ilosc>0){
let i = 'hv-'+kolor;
if(i in plyta) plyta[i]+=ilosc;
else plyta[i] = ilosc;
}
    
if(Object.keys(plyta).length>0){
    
 $.each(plyta, function(i,v){   
    
    v = Math.ceil(v/3);
    
    $dane += i+":"+String(v)+",";
    
    });
    
}
    
//listwy EB Rama
   
plyta = {}

//ml-S
kolor = 'S';    
ilosc = $('scene .model[data-r="'+kolor+'"]').length
if(ilosc>0){
let i = 'ml-'+kolor;
if(i in plyta) plyta[i]+=2*ilosc;
else plyta[i] = 2*ilosc;
}

 
//ml-A
kolor = 'A';       
ilosc = $('scene .model[data-r="'+kolor+'"]').length
if(ilosc>0){
let i = 'ml-'+kolor;
if(i in plyta) plyta[i]+=2*ilosc;
else plyta[i] = 2*ilosc;
}

    
if(Object.keys(plyta).length>0){
    
 $.each(plyta, function(i,v){   
    
    v = Math.ceil(v/2);
    
    $dane += i+":"+String(v)+",";
    
    });
    
}
 
    
//ilosc listwy design
let ile = 0;
let ilehalf = 0;
$('.custgroup input').each(function(){
    if($(this).is(":checked")) {
     ile++;
      if($(this).attr('id')=='c-listwa-0' || $(this).attr('id')=='c-listwa-1' || $(this).attr('id')=='c-listwa-2') ilehalf++;
     }
})
if(ile > 0 && iledesekef>0){
    

let sumalistew = liczdeski('easywpc-180x180',ile,180,ile); 
let sumalistewhalf = liczdeski('easy-half',ilehalf,180,0); 
     
sumalistew = sumalistew + ile*0.5*paneleTor + sumalistewhalf;  //drzwi  + half
sumalistew = Math.ceil(sumalistew);
     
let reszta = 0;
let listew7 = 0;
let listew1 = 0;

    

 
i = 'ef-7-'+vlistew;
if(!(i in cennik)) {
     listew1 = sumalistew; listew7=0;
} else {
     
 listew7 = parseInt(sumalistew/7);
 reszta = sumalistew%7;
     
if(reszta>4) listew7 = listew7 + 1;
else if(reszta > 0){
i = 'ef-1-'+vlistew;    
if(i in cennik) {   
listew1 = reszta;     
} else listew7 = listew7 + 1;
}
}
     


    
if(listew7>0){
    i = 'ef-7-'+vlistew;
    $ilosc = listew7;
   $dane += i+":"+String($ilosc)+",";
}
    
if(listew1>0){
    i = 'ef-1-'+vlistew;
    
     $ilosc = listew1;   
      $dane += i+":"+String($ilosc)+",";
}
}//ilosc listew
    
   

        


    
//Rhombus
let iloscrom = liczdeski('easy-rhombus-180-anthrazit',1,180,0); 
    
if(iloscrom > 0){
     iloscrom = Math.ceil(iloscrom);
    let i = 'easy-rhombus-180-anthrazit';
    $dane += i+":"+String(iloscrom)+",";
    
}
     let iloscrom90 = liczdeski('easy-rhombus-90-anthrazit',1,90,0); 
if(iloscrom90 > 0){
    let i = 'easy-rhombus-90-anthrazit';
    $dane += i+":"+String(iloscrom90)+",";
   
}
let iloscrom60 = liczdeski('easy-rhombus-60-anthrazit',1,60,0);
    
if(iloscrom60 > 0){
      iloscrom60 = Math.ceil(iloscrom60);
    let i = 'easy-rhombus-60-anthrazit';
    $dane += i+":"+String(iloscrom60)+",";
   
}
let iloscsilber = liczdeski('easy-rhombus-180-silber',1,180,0); 
    
if(iloscsilber > 0){
      iloscsilber = Math.ceil(iloscsilber);
    let i = 'easy-rhombus-180-silber';
    $dane += i+":"+String(iloscsilber)+",";
    
}
     let iloscsilber90 = liczdeski('easy-rhombus-90-silber',1,90,0); 
if(iloscsilber90 > 0){
    let i = 'easy-rhombus-90-silber';
    $dane += i+":"+String(iloscsilber90)+",";
    
}
let iloscsilber60 = liczdeski('easy-rhombus-60-silber',1,60,0);
     
if(iloscsilber60 > 0){
     iloscsilber60 = Math.ceil(iloscsilber60);
    let i = 'easy-rhombus-60-silber';
    $dane += i+":"+String(iloscsilber60)+",";
    
}
let iloscterra = liczdeski('easy-rhombus-180-terragrau',1,180,0); 
     
if(iloscterra > 0){
     iloscterra = Math.ceil(iloscterra);
    let i = 'easy-rhombus-180-terragrau';
    $dane += i+":"+String(iloscterra)+",";
   
}
     let iloscterra90 = liczdeski('easy-rhombus-90-terragrau',1,90,0);
if(iloscterra90 > 0){
    let i = 'easy-rhombus-90-terragrau';
    $dane += i+":"+String(iloscterra90)+",";
    
}
let iloscterra60 = liczdeski('easy-rhombus-60-terragrau',1,60,0);
if(iloscterra60 > 0){
      iloscterra60 = Math.ceil(iloscterra60);
    let i = 'easy-rhombus-60-terragrau';
    $dane += i+":"+String(iloscterra60)+",";
    
}
     
//sicherunngclips ROM
let sicherRomA = 0;
let sicherRomG = 0;
let sicherRomT = 0;
let absA = 0;
let absS = 0;
     
sicherRomA = $('scene .model[data-p="easy-rhombus-180-anthrazit"],.model[data-p="easy-rhombus-60-anthrazit"]').length
     
if(sicherRomA > 0 && sicherRomA > (iloscrom + iloscrom60) ) {
let ilosc = sicherRomA - iloscrom - iloscrom60;
let i = 'rom-sicherclips-A';
 if(i in cennik) $dane += i+":"+String(ilosc)+","; 
     
absA += ilosc;
}
     
sicherRomT = $('scene .model[data-p="easy-rhombus-180-terragrau"],.model[data-p="easy-rhombus-60-terragrau"]').length
     
if(sicherRomT > 0 && sicherRomT > (iloscterra + iloscterra60) ) {
let ilosc = sicherRomT - iloscterra - iloscterra60;
let i = 'rom-sicherclips-T';
 if(i in cennik) $dane += i+":"+String(ilosc)+",";   
     
absA += ilosc;
}
     
sicherRomG = $('scene .model[data-p="easy-rhombus-180-grau"],.model[data-p="easy-rhombus-60-grau"]').length
     
if(sicherRomG > 0 && sicherRomT > (iloscsilber+iloscsilber60) ) {
let ilosc = sicherRomT - iloscsilber - iloscsilber60;
let i = 'rom-sicherclips-G';
 if(i in cennik) $dane += i+":"+String(ilosc)+",";    
     
absS += ilosc;     
}
    
 if(extra=='on') {
    
    absA = sicherRomA + sicherRomT;
    absS = sicherRomG
    
}
     
if(absA>0){
    let i = 'abs-rom-a';
    if(i in cennik) $dane += i+":"+String(absA)+",";
    }
    
if(absS>0){
    let i = 'abs-rom-s';
     if(i in cennik) $dane += i+":"+String(absS)+",";
    }
     

    
   
    
    //scianalistwa
    i = 'easywpc-mur-190';
     $ilosc = $('scene .model[data-p="'+i+'"]').length;
    let ilewand = $ilosc;
    
    $ilosc+=$('.uchwytl').length;
    $ilosc+=$('.uchwytr').length;
    i = i + vslupa;
    if($ilosc > 0) 
      if(i in cennik)
     $dane += i+":"+String($ilosc)+",";
 
    
    i = 'easywpc-mur-235';
    
     $ilosc = $('scene .model[data-p="'+i+'"]').length;
    if($ilosc > 0) {
    ilewand = ilewand+$ilosc;
    i = i + vslupa;
    if(i in cennik){
    
    $dane += i+":"+String($ilosc)+",";
    
    }
    }
    
   
    //sturmanker
    i = 'sturmanker';
     $ilosc = $('scene .model[data-p="'+i+'"]').length;
    if($ilosc > 0) {
    i = i + vslupa;
    if(i in cennik){
    
    $dane += i+":"+String($ilosc)+",";
    
    }
    }
    
   
    if(("led" in cennik) && ("trafo" in cennik)){
    //ledy
    
    $ilosc = $('scene .model[data-p="ledcolor"]').length;
    if($ilosc>0){
    $dane += "led:"+String($ilosc)+",";
    $dane += "colorbox:"+String(Math.ceil($ilosc/6))+",";
    $dane += "trafo:"+String(Math.ceil($ilosc/6))+",";
    
    
    
    } else {
    
    $ilosc = $('scene .model[data-p="ledwhite"]').length;
    if($ilosc>0){
    $dane += "led:"+String($ilosc)+",";
    $dane += "trafo:"+String(Math.ceil($ilosc/6))+",";
    }
    
    }
    
    //cords
     
    if("extcord" in cennik){
    $ilosc = cord();
    if($ilosc>0){
    $dane += "extcord:"+String($ilosc)+",";
    }
    }
    }
    
    //slupy i kotwy, pokrywy, mauer
    
    var key = "[class*='slup-']:not(.hasgate)";
    $ilosc = $(key).length - ilewand;
     

    
  if($ilosc>0){
     
   let $iloscBez100 = $ilosc;
   let slup90 = $('.slup-90').length;
    
    
   if(typslupa == "s-190")  { //kotwy lub mauer oraz slup 100cm
  
     if(slup90>0){
       let i = "s-100"+vslupa;
       if(i in cennik) {
            $dane += i+":"+String(slup90)+",";
            $iloscBez100 = $iloscBez100 - slup90;
       }
      } 
     
    if($iloscBez100>0) {
    let i = typslupa+vslupa;
    $dane += i+":"+String($iloscBez100)+",";}
    
    if(jestmauer!='off'){
    
        i = jestmauer == 'anthrazit' ? "mauer-A":"mauer-S";
        $dane += i+":"+String($ilosc)+",";
    
    
       } else {
        
        i = "kotwa";
        if(i in cennik) $dane += i+":"+String($ilosc)+",";
    
        if($('#pokrywa').prop('checked')){
    
        i = "pokrywa"+vslupa;
        if(i in cennik) $dane += i+":"+String($ilosc)+",";
        
        } }

        }  else { //slupy beton
     
      
       if(slup90>0){
       let i = "s-190"+vslupa;
       if(i in cennik) {
            $dane += i+":"+String(slup90)+",";
            $iloscBez100 = $iloscBez100 - slup90;
       }
      } 
       
        if($iloscBez100>0) {
       let i = typslupa+vslupa;
       if(i in cennik) $dane += i+":"+String($ilosc)+",";
       }
     
     } // /slupy beton
    }
    
    
    //TOR slupy i kotwy, pokrywy
    var key = '.slup-180.hasgate';
    $ilosc = $(key).length;
    if($ilosc>0){
    
     $ilosc = $ilosc/2;
        
    let i = typslupa+vslupa+"-tor";
    
    if(typslupa == "s-295") i = "s-235"+vslupa+"-tor";
        
    $dane += i+":"+String($ilosc)+",";
		 
        
    if(typslupa == "s-190")  { //kotwy

    
        if($('#pokrywa').prop('checked')){
    
        i = "pokrywa"+vslupa+"-tor";
        $dane += i+":"+String($ilosc);
        
        } 
		 
        }  
    }
    
  
    $dane = $dane.replace(/\,$/, "");
        

przygotujKoszyk($dane,achtung);

}//koszyk






                      


        
$(document).on("click",".inlayac",function(){
        
let $idd = $(this).attr('data-p');
$('#kindinlay').attr('data-produkt',$idd);    
    
let $inlaymodels = ['easywpc-180x180','inlay-silber','inlay-anthrazit','inlay-kreise-silber','inlay-kreise-anthrazit','inlay-mattglas-silber','inlay-mattglas-anthrazit','ef-tor-ef-a','ef-tor-ef-s','ef-tor-inlay-a','ef-tor-inlay-s'];
        
$('.model').each(function() {
let idprodukt = $(this).attr('data-p');

let noweid = $idd;
    
if($inlaymodels.includes(idprodukt) && idprodukt!=$idd){
    
if(idprodukt=='ef-tor-ef-a') noweid = 'ef-tor-inlay-a';
else if(idprodukt=='ef-tor-ef-s') noweid = 'ef-tor-inlay-s';

    //else 
    
$(this).find('.inlay').empty();
        
if($idd == 'easywpc-180x180'){
        $(this).find('.deska-6').attr('render','true');
        kindinlay = 'ohne';
    
if(idprodukt=='ef-tor-inlay-a') noweid = 'ef-tor-ef-a';
else if(idprodukt=='ef-tor-inlay-s') noweid = 'ef-tor-ef-s';
      
        }        
	else {		
     kindinlay = $idd;
    
$(this).find('.deska-6').attr('render','false');
let tmpinlay = $('#w0__'+$idd).eq(0).contents().clone(); 
$(this).find('.inlay').append(tmpinlay);
        }	
    
 $(this).attr('data-p',noweid);
    
}
    
    
});
     zapiszLS();
});
    
   

function statusy(){


if ($('#collapseInlay').length > 0)  
document.getElementById('collapseInlay').addEventListener('show.bs.collapse', function () {
  ustalInlays();
  if($(window).width() <= mobilev) $('.dopasuj').scrollTop(266);
});
                                 
                                 
    
if ($('#collapseTwo').length > 0)     
document.getElementById('collapseTwo').addEventListener('show.bs.collapse', function () {
   if($(window).width() <= mobilev) $('.dopasuj').scrollTop(156);
});
  
if ($('#collapseThree').length > 0)                                  
document.getElementById('collapseThree').addEventListener('show.bs.collapse', function () {
   if($(window).width() <= mobilev) $('.dopasuj').scrollTop(206);
});
                                  
} // /statusy
 
   
$(document).on("click",".previnlay",function(event){
    event.stopPropagation();
    let tytul = 'VIERO <br>Alu-Gitter 10 x 10 mm';
    let img = 'viero';
   if($(this).hasClass('astro')){
      tytul = 'ASTRO <br>Alu-Sternenhimmel Ø5 – 25mm';
      img = 'astro';
    } else if($(this).hasClass('snow')){
      tytul = 'SNOW <br>Acrylglas matt mit Alu-Rahmen';
      img = 'snow';
    } else if($(this).hasClass('wpcsand')){
      tytul = 'WPC sand';
      img = 'wpcsand';
    } else if($(this).hasClass('wpcgrau')){
      tytul = 'WPC grau';
      img = 'wpcgrau';
    } else if($(this).hasClass('wpcanthrazit')){
      tytul = 'WPC anthrazit';
      img = 'wpcanthrazit';
    } else if($(this).hasClass('wpcbraun')){
      tytul = 'WPC braun';
      img = 'wpcbraun';
    } else if($(this).hasClass('wpcug')){
      tytul = 'WPC urban-grau';
      img = 'wpcug';
    } else if($(this).hasClass('wpcbg')){
      tytul = 'WPC basalt-grau';
      img = 'wpcbg';
    }
    $('#inlaypreview .modal-title').html(tytul);
     $('#inlaypreview .imgprev').attr('src','/3d/img/preview-'+img+'.jpg');
    $('#inlaypreview').modal('show');
});
    
function murchange(){
    
    $('.model[data-p="easywpc-mur-190"]').each(function() { 
    
    aktywny =$(this).attr('id');
    
    $('.easywpc-mur-235').click();
    
    })
    if($('#scianamur').prop('checked')) $('#scianamur2').prop('checked',true);
    }
 
function extraf(status){
    
if(extra!='on' && status=='on') {murchange(); $('.deska-ex').attr('translation','0 0 0.21');$('.deska-9').attr('render','true');}
 
extra = status; 
 
if(status=='on'){
 
 if(typslupa!='s-295') $('#ts295').click(); 
 $("#ts190").attr('disabled', 'disabled');
 $("#ts235").attr('disabled', 'disabled');     
 $(".easywpc-mur-190").attr('disabled', 'disabled');
 $(".s-easywpc-mur-190").attr('disabled', 'disabled');
 $('.custgroup.extra').show();
 
 $('.easyslup').attr('translation','0 0 21'); 
 if(led!='off') $('scene .model[data-p="'+led+'"]').attr('translation','0 21 3.5');
 $('scene .achtungico').attr('translation','0 230 0');
 
$('#start-slup').addClass('extrahohe');
 } 
 
 else if(status=='off'){
 $('#c-listwa-8').prop('checked',false);
 $('.custgroup.extra').hide();
 $('.deska-ex').attr('translation','0 0 0');
 $('.deska-9').attr('render','false');
 $('.listwa-8').attr('render','false');
     
 $(".s-easywpc-mur-190").removeAttr('disabled');
  $(".easywpc-mur-190").removeAttr('disabled');
 $('.easyslup').attr('translation','0 0 0'); 
 if(led!='off') $('scene .model[data-p="'+led+'"]').attr('translation','0 0 3.5');
    
$('#start-slup').removeClass('extrahohe');
     
   let lkslupa = kolorslupa == anthrazit ? "-A":"-S"; 
   let zmianaslupa = false;
     
   if(cennik['s-190'+lkslupa]) {$('#ts190').prop('disabled',false);$('#ts190').click();zmianaslupa=true;}
   if(cennik['s-235'+lkslupa]) {$('#ts235').prop('disabled',false);if(!zmianaslupa)$('#ts235').click();}
 

 }
 
 fenceBin();
 checkRhombus();
}


    
    
    
    //ROM high
    function romHigh(){
    
    
   // if($('#start-slup .romdeska').length>0){
    
    let tw=0;
    let index = 1;
    let param = 0;
    if(extra=='on') param = 0.00717;
    
      $('.romdeska').each(function(){
      
      tw =  0.06*index + param*index;
    
      $(this).attr("translation", "0 0 "+tw);
    
      if(index==29) index = 0;
      index++;
    
     })
    
   // }
    
    }
    
    
    
    

 




function infoEF(){
$(".akcesoria").append(`<div class="mt-2 p-2 rounded-3 lh-sm text-center" style="background:#b9e6ff">
Kombination dieser Produktgruppe <br>mit WPC-Produkten nur möglich im Konfigurator EASY-FENCE
</div>
`);
}

//buttons
function ButFirstZaun(){
$(".akcesoria").prepend('<button class="firstzaun btn btn-light mt-1 text-start dodatek act full px-2 py-1 disabled"><img src="../img/nokosz.svg" width="50" height="50" class="me-1">Der erste Zaun</button>');
$(".akcesoria").prepend('<button class="kosz btn btn-light mt-1 text-start w-100 act px-2 py-1"><img src="../img/kosz.svg" width="50" height="50" class="me-1">Löschen</button>');
}

function ButCut(){
$(".akcesoria").prepend(`
<div class="accordion cut" id="accordionCut">
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button btn-light collapsed px-2 py-1" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCut">
       <img src="../img/saw.svg" width="50" height="50" class="me-1">Kürzen
      </button>
    </h2>
    <div id="collapseCut" class="accordion-collapse collapse">
      <div class="accordion-body">
       <div class="mx-3"><p style="font-size:20px; padding-bottom:10px;">Profillänge</p><div class="cutslider"><div id="slider-range"></div><span class="example-val" id="slider-range-value"></span></div><div class="fslider"><button type="button" class="btn ilerazy sminus btn-outline-primary">-</button><img src="../img/active.svg" alt="ok" class="cutok"><button type="button" class="btn btn-outline-primary ilerazy splus">+</button></div></div>
      </div>
    </div>
  </div>
</div>
`);
}

//produkty

//easy-boards
function acItem(k,v, itembody, ac){
let obraz='';
if(v.obraz!=='') obraz = '<img src="../icons/' + v.obraz + '" width="45" class="me-1" >';

let item = `<div class="accordion-item mt-1"><h2 class="accordion-header">
      <button class="mod accordion-button collapsed `+k+`" type="button" data-bs-toggle="collapse" data-bs-target="#`+k+`">`+obraz+` `+v.opis+`</button></h2><div id="`+k+`" class="accordion-collapse collapse" data-bs-parent="#`+ac+`">
    <div class="accordion-body">`+itembody+`</div></div></div>`;

return item;
}


function acBody(k){

let nk = k;

if(k == 'z-80x180H' || k == 'z-H180x180' || k == 'z-80x180V') nk = 'z-80x180';


let ebkA = ``;
if(cennik[nk+'-A']) ebkA = `<input type="radio" class="btn-check ebfarba" data-kolor="A" name="ebfarba" id="fa`+k+`" autocomplete="off">
              <label class="btn btn-light text-start" for="fa`+k+`"><img src="../img/acpanthrazit.jpg" width="20" class="rounded-circle border border-white"> ACP anthrazit</label>`;

let ebkT = ``;
if(cennik[nk+'-T']) ebkT = `<input type="radio" class="btn-check ebfarba" data-kolor="T" name="ebfarba" id="ft`+k+`" autocomplete="off">
              <label class="btn btn-light text-start" for="ft`+k+`"><img src="../img/acpterragrau.jpg" width="20" class="rounded-circle border border-white"> ACP terragrau</label>`;

let ebkM = ``;
if(cennik[nk+'-M']) ebkM = `<input type="radio" class="btn-check ebfarba" data-kolor="M" name="ebfarba" id="fm`+k+`" autocomplete="off">
              <label class="btn btn-light text-start" for="fm`+k+`"><img src="../img/milchacryl.jpg" width="20" class="rounded-circle border border-white"> Milchglas aus Acryl</label>`;

let ebkR = ``;
if(cennik[nk+'-R']) ebkR = `<input type="radio" class="btn-check ebfarba" data-kolor="R" name="ebfarba" id="fr`+k+`" autocomplete="off">
              <label class="btn btn-light text-start" for="fr`+k+`"><img src="../img/acprostoptik.jpg" width="20" class="rounded-circle border border-white"> ACP rostoptik</label>`;

let ebramaS = ``;
if(cennik['ml-S']) ebramaS = `<input type="radio" class="btn-check ebfarbaramy" data-kolor="S" name="ebfarbaramy" id="frs`+k+`" autocomplete="off">
    <label class="btn btn-light" for="frs`+k+`"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white"> silber</label>`;

let ebramaA = ``;
if(cennik['ml-A']) ebramaA = `<input type="radio" class="btn-check ebfarbaramy" data-kolor="A" name="ebfarbaramy" id="fra`+k+`" autocomplete="off">
  <label class="btn btn-light" for="fra`+k+`"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white"> anthrazit</label>`;

let eblhS = ``;
if(cennik['hv-S']) eblhS = `<input type="radio" class="btn-check ebfarbalistew" data-kolor="S" name="ebfarbalistew" id="fls`+k+`" autocomplete="off">
    <label class="btn btn-light" for="fls`+k+`"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white"> silber</label>`;

let eblhA = ``;
if(cennik['hv-A']) eblhA = `<input type="radio" class="btn-check ebfarbalistew" data-kolor="A" name="ebfarbalistew" id="fla`+k+`" autocomplete="off">
  <label class="btn btn-light" for="fla`+k+`"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white"> anthrazit</label>`;


let body=`    
<div class="wew accordion mt-1" id="ac-`+k+`">    
    
<div class="accordion-item">
<h2 class="accordion-header"><button class="mod accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#eb-kolor-paneli`+k+`">Farbe Zaun</button></h2>
    <div id="eb-kolor-paneli`+k+`" class="accordion-collapse collapse" data-bs-parent="#ac-`+k+`">
    <div class="accordion-body">
        
          <div class="btn-group-vertical d-flex" role="group">
             
             `+ebkA+ebkT+ebkM+ebkR+`
              
             </div>
        </div>
    </div>
</div>
    
<div class="accordion-item">
    <h2 class="accordion-header">
      <button class="mod accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#eb-kolor-ramy`+k+`">Farbe Montageleisten-Set</button></h2>
    <div id="eb-kolor-ramy`+k+`" class="accordion-collapse collapse" data-bs-parent="#ac-`+k+`">
      <div class="accordion-body">
          <div class="btn-group d-flex my-2" role="group">
              
              `+ebramaS+ebramaA+`
              
             </div>
          
          <div style="width:100%; text-align:center;"><img src="../img/EB-kolorramy.jpg" width="120"></div>

       </div>
    </div>
  </div>`;
    
  
if(k=='z-180x180' || k=='z-H180x180')    
body+=`<div class="accordion-item">
    <h2 class="accordion-header">
      <button class="mod accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#eb-kolor-listew`+k+`"> Farbe H-Verbindungsleiste</button></h2>
    <div id="eb-kolor-listew`+k+`" class="accordion-collapse collapse" data-bs-parent="#ac-`+k+`">
      <div class="accordion-body">
          <div class="btn-group d-flex my-2" role="group">
              
             `+eblhS+eblhA+` 
              
              </div>
          
          <div style="width:100%; text-align:center;"><img src="../img/EB-listwy.jpg" width="120"></div>

       </div>
    </div>
  </div>`;
    
    
body+=`</div>`;

return body;

}

$(document).on('click','.ebfarba',function(){

ebdefault.kolorpaneli = $(this).attr('data-kolor');

})

$(document).on('click','.ebfarbaramy',function(){

ebdefault.kolorramy = $(this).attr('data-kolor');

})

$(document).on('click','.ebfarbalistew',function(){

ebdefault.kolorlistew = $(this).attr('data-kolor');

})

$(document).on('click','.wew.accordion .accordion-button',function(){

$('.wew.accordion .accordion-collapse.show').collapse('hide');
//$('.ebfarba, .ebfarbaramy, .ebfarbalistew').prop('checked',false);

})


$(document).on('click','.ebanuluj',function(){

$('#eb-accordion .accordion-collapse.show').collapse('hide');
//$('.ebfarba, .ebfarbaramy, .ebfarbalistew').prop('checked',false);

})


function PrTOR(hasWPC = false){
let acbuttons = '';

let furtkaER = ('grupa-22' in cennik);
let furtkaEB = ('grupa-21' in cennik);

let ramaEFA = ('ef-torrama-A' in cennik);
let ramaEFS = ('ef-torrama-S' in cennik);
let ramaEBA = ('eb-torrama-A' in cennik) && furtkaEB;
let ramaEBS = ('eb-torrama-S' in cennik) && furtkaEB;


if(!(ramaEFA || ramaEFS || ramaEBA || ramaEBS)) return acbuttons;

v = technik['ef-tor'];

let ramaA = (ramaEFA || ramaEBA) ? '':'disabled';
let ramaS = (ramaEFS || ramaEBS) ? '':'disabled';



let koloryER = '';

let koloryEB = '';

acbuttons+=`<div class="mybox tors rounded p-1 mt-1 align-items-center">
<div class="d-flex align-items-center">
<img src="`+v.obraz+`" width="50"><span class="lh-sm">Alu-Torrahmen<br>inkl. Zubehör<br>100x180cm</span>
    <span style="color:red; max-width:200px;" class="lh-sm  ps-3 d-none torsopis">Auswahl nicht möglich<br>bei extra-hoch oder<br>Maueradapter oder<br>Montage an Wand</span>

<div class="ms-auto torsopcje">
 <div class="dropdown">
  <button `+ramaA+` class="btn btn-light dropdown-toggle ef-tor-ef-a ef-tor-inlay-a ef-tor-rom-aa ef-tor-rom-sa ef-tor-rom-ta ef-tor-boards-1a ef-tor-boards-2a ef-tor-boards-3a ef-tor-boards-4a" type="button" data-bs-toggle="dropdown" aria-expanded="false">
    <img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white me-1"> anthrazit
  </button>
<ul class="dropdown-menu">
<li class="ps-3"><h6 class="mb-0 mt-1"><span class="badge bg-dark">Rahmen anthrazit</span> <span class="badge bg-success">für</span></h6></li>`;
    
if(hasWPC && ramaEFA)    
acbuttons+=`
     <li class="py-1"><hr class="dropdown-divider"><h6 style="position:absolute;margin-top:-21px; right:1px;z-index:2;"><span class="badge bg-light text-dark">100x180cm</span></h6></li>
    <li><a class="dropdown-item ef-tor-ef-a plot btn btn-light  dodatek act" href="#" data-produkt="ef-tor-ef-a" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../icons/circle.svg" width="16" class="me-1">EASY-FENCE WPC</a></li>
    <li><a class="dropdown-item ef-tor-inlay-a plot btn btn-light  dodatek act inlaybuttons" href="#" data-produkt="ef-tor-inlay-a" data-kolor="a" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../icons/circle.svg" width="16" class="me-1">EASY-FENCE WPC + Design-Inlay</a></li>`;
  

if(furtkaER){ //furtka ER A
    
k = 'easy-rhombus-180-anthrazit'; 
if(cennik[k]) 
koloryER += `<li><a class="dropdown-item ef-tor-rom-aa plot btn btn-light  dodatek act" href="#" data-produkt="ef-tor-rom-aa" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white me-1">EASY-ROM anthrazit</a></li>`;
    
k = 'easy-rhombus-180-silber'; 
if(cennik[k]) 
koloryER += `<li><a class="dropdown-item ef-tor-rom-sa plot btn btn-light  dodatek act" href="#" data-produkt="ef-tor-rom-sa" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/wpcsilber.jpg" width="20" class="rounded-circle border border-white me-1">EASY-ROM silber</a></li>`;
    
k = 'easy-rhombus-180-terragrau'; 
if(cennik[k]) 
koloryER += `<li><a class="dropdown-item ef-tor-rom-ta plot btn btn-light text-start dodatek act" href="#" data-produkt="ef-tor-rom-ta" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/wpcterragrau.jpg" width="20" class="rounded-circle border border-white me-1">EASY-ROM terragrau</a></li>`;

if(koloryER && ramaEFA)
 acbuttons+=`
<li class="py-1"><hr class="dropdown-divider"><h6 style="position:absolute;margin-top:-21px; right:1px;z-index:2;"><span class="badge bg-light text-dark">100x180cm</span></h6></li>`+koloryER;
} // /furtka ER A
 
 
if(furtkaEB){ //furtka EB A
    
k = 'z-80x180-A'; 
if(cennik[k]) 
koloryEB += `<li><a class="dropdown-item plot btn btn-light dodatek act ef-tor-boards-aa" href="#" data-produkt="ef-tor-boards-aa" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/acpanthrazit.jpg" width="20" class="rounded-circle border border-white me-1">EASY-BOARDS anthrazit</a></li>`; 
    
k = 'z-80x180-T'; 
if(cennik[k]) 
koloryEB +=  `<li><a class="dropdown-item plot btn btn-light  dodatek act ef-tor-boards-ta" href="#" data-produkt="ef-tor-boards-ta" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/acpterragrau.jpg" width="20" class="rounded-circle border border-white me-1">EASY-BOARDS terragrau</a></li>`;
    
k = 'z-80x180-M'; 
if(cennik[k]) 
koloryEB +=  `<li><a class="dropdown-item plot btn btn-light  dodatek act ef-tor-boards-ma" href="#" data-produkt="ef-tor-boards-ma" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/milchacryl.jpg" width="20" class="rounded-circle border border-white me-1">EASY-BOARDS Milchglas aus Acryl</a></li>`;
    
k = 'z-80x180-R'; 
if(cennik[k]) 
koloryEB +=  `<li><a class="dropdown-item ef-tor-boards-ra plot btn btn-light  dodatek act" href="#" data-produkt="ef-tor-boards-ra" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../img/acprostoptik.jpg"   width="20" class="rounded-circle border border-white me-1">EASY-BOARDS rostoptik</a></li>`;
 
if(koloryEB && ramaEBA)
 acbuttons+=`
    <li class="py-1"><hr class="dropdown-divider"><h6 style="position:absolute;margin-top:-21px; right:1px;z-index:2;"><span class="badge bg-light text-dark">100x181cm</span></h6></li>`+koloryEB;
      
} // /furtka EB A
       
acbuttons+=`</ul>
</div>
    
    <div class="dropdown d-grid">
  <button `+ramaS+` class="btn btn-light dropdown-toggle text-start ef-tor-ef-s ef-tor-inlay-s ef-tor-rom-as ef-tor-rom-ss ef-tor-rom-ts ef-tor-boards-1s ef-tor-boards-2s ef-tor-boards-3s ef-tor-boards-4" type="button" data-bs-toggle="dropdown" aria-expanded="false">
    <img src="../img/wpcsilber.jpg" width="20" class="rounded-circle border border-white me-1"> silber
  </button>
  <ul class="dropdown-menu">
      <li class="ps-3"><h6 class="mb-0 mt-1"><span class="badge bg-secondary">Rahmen silber</span> <span class="badge bg-success">für</span></li>`;
      
   if(hasWPC && ramaEFS)    
   acbuttons+=`
       <li class="py-1"><hr class="dropdown-divider"><h6 style="position:absolute;margin-top:-21px; right:1px;z-index:2;"><span class="badge bg-light text-dark">100x180cm</span></h6></li>
      
      <li><a class="dropdown-item ef-tor-ef-s plot btn btn-light text-start dodatek act" href="#" data-produkt="ef-tor-ef-s" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../icons/circle.svg" width="16" class="me-1">EASY-FENCE WPC</a></li>
    <li><a class="dropdown-item ef-tor-inlay-s plot btn btn-light text-start dodatek act inlaybuttons" href="#" data-produkt="ef-tor-inlay-s" data-kolor="s" data-w="`+v.dl+`" data-hl="`+v.hl+`" data-hr="`+v.hr+`"><img src="../icons/circle.svg" width="16" class="me-1">EASY-FENCE WPC + Design-Inlay</a></li>`;
   
   // furtka ER S
   if(koloryER && ramaEFS){
      let koloryERS = koloryER.replace(/ef-tor-rom-(.)a/g,'ef-tor-rom-$1s');
   acbuttons+=`<li class="py-1"><hr class="dropdown-divider"><h6 style="position:absolute;margin-top:-21px; right:1px;z-index:2;"><span class="badge bg-light text-dark">100x180cm</span></h6></li>`+koloryERS;
      }
      
      // furtka EB S
   if(koloryEB && ramaEBS){
      let koloryEBS = koloryEB.replace(/ef-tor-boards-(.)a/g,'ef-tor-boards-$1s');
   acbuttons+=`<li class="py-1"><hr class="dropdown-divider"><h6 style="position:absolute;margin-top:-21px; right:1px;z-index:2;"><span class="badge bg-light text-dark">100x181cm</span></h6></li>`+koloryEBS;
      }
       
      
  acbuttons+=`</ul>
</div>
    
</div></div>
    
    
</div> 
`;


return acbuttons;
}


function PrROM(){
let acbuttons = '';
if(!cennik['grupa-22']) return acbuttons;
if(cennik['easy-rhombus-180-anthrazit'] || cennik['easy-rhombus-180-silber'] || cennik['easy-rhombus-180-terragrau']){
acbuttons+=`<div class="mybox rounded d-flex p-1 mt-1 align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/rhombus-180.svg"  alt="inlay" width="50">
<span class="mx-1 lh-sm">EASY-ROM<br>ALU-Rhombuszaun<br>180x180cm</span><div class="ms-auto">`;
acbuttons += '<div class="btn-group-vertical min-130" role="group">';  
k = 'easy-rhombus-180-anthrazit'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white me-1"> anthrazit</button>';
}
    k = 'easy-rhombus-180-silber'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white me-1"> silber</button>';
}
    
k = 'easy-rhombus-180-terragrau'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcterragrau.jpg" width="20" class="rounded-circle border border-white me-1"> terragrau</button>';
}    
    
acbuttons +='</div></div>';
acbuttons+=`</div>`;
}

if(cennik['easy-rhombus-90-anthrazit'] || cennik['easy-rhombus-90-silber'] || cennik['easy-rhombus-90-terragrau']){
acbuttons+=`<div class="mybox rounded d-flex p-1 mt-1 align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/rhombus-90.svg"  alt="inlay" width="50">
<span class="mx-1 lh-sm">EASY-ROM<br>ALU-Rhombuszaun<br>90x180cm</span><div class="ms-auto">`;
acbuttons += '<div class="btn-group-vertical min-130" role="group">';  
k = 'easy-rhombus-90-anthrazit'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white me-1"> anthrazit</button>';
}
    k = 'easy-rhombus-90-silber'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white me-1"> silber</button>';
}
    k = 'easy-rhombus-90-terragrau'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcterragrau.jpg" width="20" class="rounded-circle border border-white me-1"> terragrau</button>';
}
acbuttons +='</div></div>';
acbuttons+=`</div>`;
}

if(cennik['easy-rhombus-60-anthrazit'] || cennik['easy-rhombus-60-silber'] || cennik['easy-rhombus-60-terragrau']){
acbuttons+=`<div class="mybox rounded d-flex p-1 mt-1 align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/rhombus-60.svg"  alt="inlay" width="50">
<span class="mx-1 lh-sm">EASY-ROM<br>ALU-Rhombuszaun<br>60x180cm</span><div class="ms-auto">`;
acbuttons += '<div class="btn-group-vertical min-130" role="group">';  
k = 'easy-rhombus-60-anthrazit'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcanthrazit.jpg" width="20" class="rounded-circle border border-white me-1"> anthrazit</button>';
}
    k = 'easy-rhombus-60-silber'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcalu.jpg" width="20" class="rounded-circle border border-white me-1"> silber</button>';
}
    k = 'easy-rhombus-60-terragrau'; 
    if(cennik[k]) {
     v = technikrom[k];
     acbuttons +='<button class="'+k+' plot btn btn-light  text-start dodatek act full  d-flex align-items-center" data-produkt="'+k+'" data-w="'+v.dl+'" data-hl="'+v.hl+'" data-hr="'+v.hr+'"><img src="../img/wpcterragrau.jpg" width="20" class="rounded-circle border border-white me-1"> terragrau</button>';
}
acbuttons +='</div></div>';
acbuttons+=`</div>`;
}
return acbuttons;
}


function PrlistwaMur190(){
if(cennik['easywpc-mur-190-A'] || cennik['easywpc-mur-190-S']) $(".akcesoria").append('<button class="easywpc-mur-190 plot mur plot btn btn-light mt-1 text-start dodatek act full p-1" data-produkt="easywpc-mur-190" data-w="0" data-hl="190" data-hr="180"><div class="d-flex align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/wall-bar.svg" width="50" class="me-1" >'+TxScianaListwa2+'<br>3x4x190cm</div></button>');
}

function PrlistwaMur235(){
if(cennik['easywpc-mur-235-A'] || cennik['easywpc-mur-235-S']) $(".akcesoria").append('<button class="easywpc-mur-235 plot mur plot btn btn-light mt-1 text-start dodatek act full p-1" data-produkt="easywpc-mur-235" data-w="0" data-hl="190" data-hr="180"><div class="d-flex align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/wall-bar.svg" width="50" class="me-1" >'+TxScianaListwa2+'<br>3x4x235cm</div></button>');
}

function PrTornado(){
if(cennik['sturmanker-A'] || cennik['sturmanker-S']) $(".akcesoria").append('<button class="sturmanker plot btn btn-light mt-1 text-start dodatek act full p-1" data-produkt="sturmanker" data-w="30" data-hl="30" data-hr="30"><div class="d-flex align-items-center"><img src="//media.delta-gartenholz.com/svg-01/www/sturmanker1.svg" width="50" class="me-1" >'+TxSturmanker+'</div></button>');
}

//custom menu opcje
function acmenuPfosten(){

let acbuttons = '<div class="btn-group d-flex my-2" role="group">';        

if(cennik['s-190-A'] || cennik['s-235-A'] || cennik['s-295-A']) {
     acbuttons +=`<input type="radio" class="btn-check farbaslupa anthrazit dodatek act ba" data-kolor="anthrazit" name="farbaslupa" id="fsa" autocomplete="off" checked>
    <label class="btn btn-light" for="fsa"><img src="../img/wpcanthrazit.jpg" width="30" class="rounded-circle border border-white"> anthrazit</label>`;
}
    if(cennik['s-190-S'] || cennik['s-235-S'] || cennik['s-295-S']) {
     acbuttons +=`<input type="radio" class="btn-check farbaslupa silber dodatek act" data-kolor="silber" name="farbaslupa" id="fss" autocomplete="off">
  <label class="btn btn-light" for="fss"><img src="../img/wpcalu.jpg" width="30" class="rounded-circle border border-white"> silber</label>`;
}
    
acbuttons +='</div>';

let acItems =`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour">
        <span class="badge rounded-pill bg-primary me-1">1</span> `+TxGruboscKolorSlupow+`</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="4a"></h2>
    <div id="collapseFour" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;

return acItems;
}


function acmenuLed(){

if(!(("led" in cennik) && ("trafo" in cennik)) ) return '';

let acbuttons = '<div class="btn-group-vertical d-flex" role="group">';
let neu = '';
acbuttons +=`<input type="radio" class="btn-check leds ledohne dodatek act" data-led="off" name="leds" id="ledohne" autocomplete="off" checked>
<label class="btn btn-light d-flex align-items-center" for="ledohne"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledno"/></svg> <span>Ohne</span> `+neu+`</label>`;

    neu = '<span class="badge bg-danger ms-auto">neu</span>';
   
if("colorbox" in cennik)
  acbuttons +=`<input type="radio" class="btn-check leds ledcolor dodatek act" data-led="ledcolor" name="leds" id="ledcolor" autocomplete="off">
<label class="btn btn-light d-flex align-items-center" for="ledcolor"><img width="25" height="25" src="../img/bulbcolor.svg"  class="me-1"> <span>RGB-Farben (dimmbar)</span> `+neu+`</label>`;
    
acbuttons +=`<input type="radio" class="btn-check leds ledwhite dodatek act" data-led="ledwhite" name="leds" id="ledwhite" autocomplete="off">
<label class="btn btn-light d-flex align-items-center" for="ledwhite"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></svg> <span>warm-weiß</span> `+neu+`</label>`;
acbuttons+='</div>';

acbuttons += '<div class="panelnightday pt-3 px-3" style="display:none;"><p class="mb-0">auswählen und löschen</p>';
acbuttons += '<div class="btn-group my-1" role="group">';  
acbuttons +=`<input type="radio" class="btn-check"  name="busun" id="bus1" autocomplete="off" checked>
<label class="btn btn-light" for="bus1"><img src="../img/bulbkosz.svg" width="25" height="25" class="me-1">On</label>`;
acbuttons +=`<input type="radio" class="btn-check"  name="busun" id="bus2" autocomplete="off" >
<label class="btn btn-light" for="bus2"><img src="../img/nobulbkosz.svg" width="25" height="25" class="me-1">Off</label>`;

acbuttons +='</div><p class="mb-0">Licht</p>';
acbuttons += '<div class="btn-group mt-1" role="group">';    
acbuttons +=`<input type="radio" class="btn-check dn " data-o="off" name="daynight" id="dnoff" autocomplete="off" checked>
<label class="btn btn-light" for="dnoff"><svg width="20" height="20" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledno"/></svg>Off</label>`;
acbuttons +=`<input type="radio" class="btn-check dn " data-o="day" name="daynight" id="dnd" autocomplete="off">
<label class="btn btn-light" for="dnd"><svg width="20" height="20"  style="fill:currentColor" class="me-1"><use xlink:href="#sun"/></svg>Tag</label>`;
acbuttons +=`<input type="radio" class="btn-check dn " data-o="nacht" name="daynight" id="dnn" autocomplete="off">
    <label class="btn btn-dark" for="dnn"><svg width="20" height="20"  style="fill:currentColor" class="me-1"><use xlink:href="#moon"/></svg>Nacht</label>`;
acbuttons +='</div></div>';

acbuttons += '<div class="panelcolors pt-3 px-3" style="display:none;"><p class="mb-0">Beispielfarben</p>';
acbuttons += '<div class="gap-1 d-flex flex-wrap my-1" role="group">';        
acbuttons +=`<button class="btn btn-danger bcolor" data-cr="#ff0000"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
      acbuttons +=`<button class="btn btn-success bcolor" data-cr="#198754"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
    acbuttons +=`<button class="btn btn-warning bcolor" data-cr="#ffc107"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
     acbuttons +=`<button class="btn btn-primary bcolor" data-cr="#0d6efd"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
    acbuttons +=`<button class="btn bcolor" style="background-color: #fff" data-cr="#ffffff"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
      acbuttons +=`<button class="btn btn-info bcolor" data-cr="#0dcaf0"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
      acbuttons +=`<button class="btn text-white bcolor" style="background-color: #F05492; "data-cr="#f70767"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
     acbuttons +=`<button class="btn text-white bcolor bg-orange" style="background-color: #ff7400;" data-cr="#ff7400"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
     acbuttons +=`<button class="btn text-white bcolor" style="background-color: #7B00F7; "data-cr="#7B00F7"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
     acbuttons +=`<button class="btn text-white bcolor" style="background-color: #7C7C02; "data-cr="#7C7C02"><svg width="25" height="25" role="img" style="fill:currentColor" class="me-1"><use xlink:href="#ledwhiteico"/></button>`;
acbuttons +='</div></div>';
    


let acItems=`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseLed">
        <span class="badge rounded-pill bg-primary me-1">1</span> LED-Pfostenbeleuchtung (optional)</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="4b"></h2>
    <div id="collapseLed" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;
    
    return acItems;
}
    
    
function acmenuPfostenMontage(){
    let acbuttons = '<div class="btn-group-vertical d-flex my-2" role="group">'; 
    
    
    let mauergrupa = ``;
    
    let mauerA = ('mauer-A' in cennik);
    let mauerS = ('mauer-S' in cennik);
    
    if(mauerA || mauerS){
    
    mauergrupa = `
    <p class="mt-2 mb-0 d-flex mauergroup"><img src="../icons/mauer.svg" width="50" class="me-1" ><span>Pfostenträger mit Maueradapter<br>Mauerbreite min. 16cm</span></p>
    
    <div class="btn-group d-flex my-2 mauergroup" role="group">        

    <input type="radio" class="btn-check mauer dodatek act ba" data-o="off" name="mauer" id="maueroff" autocomplete="off" checked>
    <label class="btn btn-light" for="maueroff">ohne</label>`;    
        
    if(mauerA)
    mauergrupa += `<input type="radio" class="btn-check mauer dodatek act" data-o="anthrazit" name="mauer" id="maueranthrazit" autocomplete="off">
    <label class="btn btn-light" for="maueranthrazit">anthrazit</label>`;
    
    if(mauerS)
    mauergrupa += `<input type="radio" class="btn-check mauer dodatek act" data-o="silber" name="mauer" id="mauersilber" autocomplete="off">
    <label class="btn btn-light" for="mauersilber">silber</label>`;
        
    mauergrupa += `</div>
    <div class="btn-group d-flex mb-2 mauergroup" role="group"> 
   <input type="radio"  class="btn-check" name="mauerswitch" id="mauerfront" autocomplete="off" checked>
    <label class="btn btn-light" for="mauerfront">Vorderseite</label>
    <input type="radio" class="btn-check" name="mauerswitch" id="mauerstrona" autocomplete="off">
  <label class="btn btn-light" for="mauerstrona">Rückseite</label>
    </div>`;
    }

if(cennik['s-190-A'] || cennik['s-190-S']) {
     acbuttons +=`<input type="radio" class="btn-check typslupa dodatek act ba s-190" data-typ="s-190" name="typslupa" id="ts190" autocomplete="off" checked>
    <label class="btn btn-light d-flex align-items-center text-start" for="ts190"><img src="//media.delta-gartenholz.com/svg-01/www/pfostentraeeger.svg" width="50" class="me-1"> <span>`+TxSlupKotwa+`</span></label>`;
     acbuttons +=`<div class="panelpokrywa py-3 px-2 btn-group-vertical" style="display:none;width:100%;">
    
    <input type="checkbox" class="btn-check" data-o="off" name="pokrywa" id="pokrywa" autocomplete="off">
    <label class="btn btn-light p-0 mt-2 mb-3" for="pokrywa"><img src="../icons/pokrywa.svg" width="50" class="me-1" >+ Pfostenträger-Abdeckung</label> 
    
    `+mauergrupa+`

    </div>`;
}
    if(cennik['s-235-A'] || cennik['s-235-S']) {
     acbuttons +=`<input type="radio" class="btn-check typslupa dodatek act s-235 full" data-typ="s-235" name="typslupa" id="ts235" autocomplete="off">
  <label class="btn btn-light d-flex align-items-center text-start" for="ts235"><img src="//media.delta-gartenholz.com/svg-01/www/alu-pfosten-2.svg" width="50" class="me-1"> <span>`+TxSlupBeton+`</span></label>`;
}
    
if(cennik['s-295-A'] || cennik['s-295-S']) {
     acbuttons +=`<input type="radio" class="btn-check typslupa dodatek act s-295" data-typ="s-295" name="typslupa" id="ts295" autocomplete="off">
  <label class="btn btn-light d-flex align-items-center text-start" for="ts295"><img src="//media.delta-gartenholz.com/svg-01/www/alu-pfosten-2.svg" width="50" class="me-1"> <span>`+TxSlupBeton2+`</span></label>`;
}
       
acbuttons +='</div>';

let acItems =`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive">
        <span class="badge rounded-pill bg-primary me-1">1</span> `+TxSposobMontazu+`</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="5a"></h2>
    <div id="collapseFive" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;
    
    return acItems;
    }
    
    
function acmenuScianaMur(){
    
let acItems = '';    
    
if(cennik['easywpc-mur-190-A'] || cennik['easywpc-mur-190-S'] || cennik['easywpc-mur-235-S'] || cennik['easywpc-mur-235-A']){


let acbuttons =`<div class="d-flex  p-1 align-items-center flex-wrap"><div class="text-center min-130">`+TxScianaListwa2+`<br><img src="../img/wall-bar.svg" width="85"></div>`;       

acbuttons += '<div class="ms-auto"><div class="btn-group-vertical min-130" role="group">'; 
     acbuttons +=`<input type="radio" class="btn-check slupsciana dodatek act" data-produkt="off" name="scianamur" id="muroff" autocomplete="off" checked>
    <label class="btn btn-light" for="muroff">Ohne</label>`;
    
    acbuttons +=`<input type="radio" class="btn-check slupsciana dodatek act  s-easywpc-mur-190" data-produkt="easywpc-mur-190" name="scianamur" id="scianamur" autocomplete="off">
  <label class="btn btn-light" for="scianamur"><span>3x4x190cm</span></label>`;
    
     acbuttons +=`<input type="radio" class="btn-check slupsciana dodatek act  s-easywpc-mur-235" data-produkt="easywpc-mur-235" name="scianamur" id="scianamur2" autocomplete="off">
  <label class="btn btn-light" for="scianamur2"><span>3x4x235cm</span></label>`;
    acbuttons +='</div></div></div>';

acItems =`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix">
        <span class="badge rounded-pill bg-primary me-1">1</span> `+TxSposobMontazuSciana+`</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="6a"></h2>
    <div id="collapseSix" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;
}
return acItems;
}
    
function acmenuSturmankers(){

let acItems = '';

if(cennik['sturmanker-A'] || cennik['sturmanker-S']){

    let acbuttons =`<img src="../img/sturmanker1.svg" width="65" class="me-2 float-start"> <span>Sturmanker<br>
Kann nicht zusammen mit LED montiert werden</span>`;


acbuttons += '<div class="btn-group d-flex my-2" role="group">';        


     acbuttons +=`<input type="radio" class="btn-check sturmankers dodatek act" data-o="b" name="sturmankers" id="stuback" autocomplete="off">
    <label class="btn btn-light" for="stuback">Rückseite</label>`;

    acbuttons +=`<input type="radio" class="btn-check sturmankers dodatek act ba" data-o="off" name="sturmankers" id="stuoff" autocomplete="off" checked>
    <label class="btn btn-light" for="stuoff">Ohne</label>`;
    
    acbuttons +=`<input type="radio" class="btn-check sturmankers dodatek act" data-o="f" name="sturmankers" id="stufront" autocomplete="off">
    <label class="btn btn-light" for="stufront">Vorderseite</label>`;

    
acbuttons +='</div>';

acItems+=`<div class="accordion-item"><h2 class="accordion-header position-relative">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSturmanker">
        <span class="badge rounded-pill bg-primary me-1">1</span> Sturmanker (optional)</button><img src="../img/anleitung.svg" class="helper2 helpmovie"  data-m="6b"></h2>
    <div id="collapseSturmanker" class="accordion-collapse collapse"  data-bs-parent="#accordionConfig">
      <div class="accordion-body">`+acbuttons+`
       </div>
    </div>
  </div>`;

        }

return acItems;

}



//podmien slup
podmienSlup2 = function(obiekt) {
   let wysslupa = Math.max(0,obiekt.attr('data-hr'),obiekt.attr('data-hl'),obiekt.attr('data-hb'),obiekt.attr('data-hf'));
   
   if(wysslupa == '0') wysslupa='180';

        let slupbody = obiekt.children('.slupbody');
        let strzalki = obiekt.children('.strzalki');
   
if(wysslupa == '180' || wysslupa == '179'){
        
       slupbody.find('.clipper').attr('on','false');
       slupbody.attr('translation','0 0 0');    
       obiekt.removeClass('slup-90 slup-120 slup-150 slup-160').addClass('slup-180');
       strzalki.find('.arrow.r').attr('translation','0 50 0');
       strzalki.find('.arrow.b').attr('translation','0 120 0');

    } else if(wysslupa == '90'){


        if(typslupa == 's-190') slupbody.find('.clipper').attr('plane','0 0 1 -0.85');
        else if(typslupa == 's-235') slupbody.find('.clipper').attr('plane','0 0 1 -0.40');
        else if(typslupa == 's-295') slupbody.find('.clipper').attr('plane','0 0 1 0.20');
        
        slupbody.find('.clipper').attr('on','true');
        slupbody.attr('translation','0 -85 0');    
        
       obiekt.removeClass('slup-160 slup-120 slup-150 slup-180').addClass('slup-90');
       strzalki.find('.arrow.r').attr('translation','0 20 0');
       strzalki.find('.arrow.b').attr('translation','0 30 0');

          if(obiekt.attr('data-hf')=='0.1') { 
              obiekt.removeClass('hasled');
               obiekt.children('.f_strona').empty();
               obiekt.attr('data-hf','0')
          } else if(obiekt.attr('data-hb')=='0.1') { 
              obiekt.removeClass('hasled');
               obiekt.children('.b_strona').empty();
              obiekt.attr('data-hb','0');
          }

    } 
    
let tabwys=['180','90','0.1'];

if(tabwys.includes(obiekt.attr('data-hr'))) obiekt.children('.slupbody').find('.listwa_r').attr('render','false');
else obiekt.children('.slupbody').find('.listwa_r').attr('render','true');

if(tabwys.includes(obiekt.attr('data-hl'))) obiekt.children('.slupbody').find('.listwa_l').attr('render','false');
else obiekt.children('.slupbody').find('.listwa_l').attr('render','true');

if(tabwys.includes(obiekt.attr('data-hb'))) obiekt.children('.slupbody').find('.listwa_b').attr('render','false');
else obiekt.children('.slupbody').find('.listwa_b').attr('render','true');

if(tabwys.includes(obiekt.attr('data-hf'))) obiekt.children('.slupbody').find('.listwa_f').attr('render','false');
else obiekt.children('.slupbody').find('.listwa_f').attr('render','true');

} // /podmien slup

//Gate
function Gate(){
    
   let jestpokrywa = $('#pokrywa').prop('checked');
    
   $('#w0__Scena .gateuchwyt').remove();
   $('#w0__Scena .hasgate').children('.slupbody').find('.ksztaltslupa IndexedFaceSet').remove();
   $('#w0__Scena .hasgate').children('.slupbody').find('.ksztaltslupa').append('<IndexedFaceSet USE="IF-slup-180-okr-gr7" />');
   $('#w0__Scena .hasgate').children('.kotwy').find('.kotwa').empty().append('<Transform translation="0 0 0.001"><Group USE="kotwa_alu" /></Transform><Group class="pokrywa-kotwy" render="'+jestpokrywa+'"><Group USE="pokrywa-kotwy"></Group></Group>');
   $('#w0__Scena .hasgate').children('.slupbody').find('.clipper2').attr('on','false');
    $('#w0__Scena .hasgate').children('.transform').children('.betony').empty().append('<Transform USE="betonX" /><Transform USE="betonX2" />');
   $('#w0__Scena .hasgate').children('.f_strona').attr('translation','0 0 0');
   $('#w0__Scena .hasgate').children('.b_strona').attr('translation','0 0 0');
   $('#w0__Scena .hasgate').children('.r_strona').attr('translation','0 0 0');
   $('#w0__Scena .uchwytl').removeClass('uchwytl');
   $('#w0__Scena .hasgate').removeClass('hasgate');
  
    
    $('.uchwytr').each(function() {
    let z = Number($(this).attr('data-w'))+7;
    $(this).siblings().attr('translation','0 0 '+z);
    $(this).siblings().removeClass('hasgate');
    $(this).removeClass('uchwytr');
    });
    
    

    
   $('.model').each(function() {
                 
    let idprodukt = $(this).attr('data-p');
    let slupid = '#'+$(this).attr('id')+"-slup";
    let rodzicSlup = $(this).closest('.slup');
    
       
   if(idprodukt.indexOf('ef-tor-')==-1) { 
    
   
   
    } else { // is tor
    
    
    
    $(slupid).addClass('hasgate');
   
    
    let kierunek = $(this).attr('data-k');
    
       $(slupid).children('.slupbody').find('.ksztaltslupa IndexedFaceSet').remove();
       rodzicSlup.children('.slupbody').find('.ksztaltslupa IndexedFaceSet').remove();
       $(slupid).children('.slupbody').find('.ksztaltslupa').append('<IndexedFaceSet USE="IF-slup-gate" />');
       rodzicSlup.children('.slupbody').find('.ksztaltslupa').append('<IndexedFaceSet USE="IF-slup-gate" />');
    
    
   
    let tabwys = ['180','90'];

    if(!rodzicSlup.hasClass('hasgate')){
    
    if(tabwys.includes(rodzicSlup.attr('data-hl'))){  
    let z = Number(rodzicSlup.siblings().attr('data-w'))+10;
    rodzicSlup.attr('translation','0 0 '+z);
    let tmp = $('#w0__gateuchwyt').eq(0).contents().clone();
    let nt = $("<Transform  translation='0 0 3.5' rotation='0 1 0 3.14' class='gateuchwyt' ></Transform>");
    nt.append(tmp);
    rodzicSlup.children('.l_strona').append(nt);
    rodzicSlup.siblings('.model').addClass('uchwytr');
    }
    
    if(tabwys.includes(rodzicSlup.attr('data-hf')) && kierunek!='f'){
    $(rodzicSlup).children('.f_strona').attr('translation','-3 0 0');
    let tmp = $('#w0__gateuchwyt').eq(0).contents().clone();
    let nt = $("<Transform  translation='0 0 0' rotation='0 1 0 3.14' class='gateuchwyt' ></Transform>");
    nt.append(tmp);
    $(rodzicSlup).children('.f_strona').append(nt);
     $(rodzicSlup).children('.f_strona').children('.model').addClass('uchwytl');
    }
    
    if(tabwys.includes(rodzicSlup.attr('data-hb')) && kierunek!='b'){
    $(rodzicSlup).children('.b_strona').attr('translation','3 0 0');
    let tmp = $('#w0__gateuchwyt').eq(0).contents().clone();
    let nt = $("<Transform  translation='0 0 0' rotation='0 1 0 3.14' class='gateuchwyt' ></Transform>");
    nt.append(tmp);
    $(rodzicSlup).children('.b_strona').append(nt);
    $(rodzicSlup).children('.b_strona').children('.model').addClass('uchwytl');
    }
     rodzicSlup.addClass('hasgate');
    
    } else {
    
     $(rodzicSlup).children('.'+kierunek+'_strona').children('.gateuchwyt').remove();
     $(rodzicSlup).children('.'+kierunek+'_strona').attr('translation','0 0 0');
    }
    
    
    if(tabwys.includes($(slupid).attr('data-hr'))){
    $(slupid).children('.r_strona').attr('translation','0 0 3');
    let tmp = $('#w0__gateuchwyt').eq(0).contents().clone();
    let nt = $("<Transform  translation='0 0 0' rotation='0 1 0 3.14' class='gateuchwyt' ></Transform>");
    nt.append(tmp);
    $(slupid).children('.r_strona').append(nt);
     $(slupid).children('.r_strona').children('.model').addClass('uchwytl');
    }
    
    if(tabwys.includes($(slupid).attr('data-hf'))){
    $(slupid).children('.f_strona').attr('translation','-3 0 0');
    let tmp = $('#w0__gateuchwyt').eq(0).contents().clone();
    let nt = $("<Transform  translation='0 0 0' rotation='0 1 0 3.14' class='gateuchwyt' ></Transform>");
    nt.append(tmp);
    $(slupid).children('.f_strona').append(nt);
    $(slupid).children('.f_strona').children('.model').addClass('uchwytl');
    }
    
   if(tabwys.includes($(slupid).attr('data-hb'))){
    $(slupid).children('.b_strona').attr('translation','3 0 0');
    let tmp = $('#w0__gateuchwyt').eq(0).contents().clone();
    let nt = $("<Transform  translation='0 0 0' rotation='0 1 0 3.14' class='gateuchwyt' ></Transform>");
    nt.append(tmp);
    $(slupid).children('.b_strona').append(nt);
     $(slupid).children('.b_strona').children('.model').addClass('uchwytl');
    }
    
    
    
    
    
    
        
        if($(slupid).attr('data-hf') == '30' || $(slupid).attr('data-hf') == '0.1'){
        $(slupid).children('.f_strona').empty(); 
        $(slupid).attr('data-hf','0'); $(slupid).removeClass('hasled');
        $(slupid).children('transform').children('.betony').attr('render','true');
        } else if($(slupid).attr('data-hb') == '30' || $(slupid).attr('data-hf') == '0.1'){
        $(slupid).children('.b_strona').empty(); 
        $(slupid).attr('data-hb','0');$(slupid).removeClass('hasled');
        $(slupid).children('transform').children('.betony').attr('render','true');
        }
        
        if(rodzicSlup.attr('data-hf') == '30' || rodzicSlup.attr('data-hf') == '0.1'){
        rodzicSlup.children('.f_strona').empty(); 
        rodzicSlup.attr('data-hf','0');rodzicSlup.removeClass('hasled');
        rodzicSlup.children('transform').children('.betony').attr('render','true');
        } else if(rodzicSlup.attr('data-hb') == '30' || rodzicSlup.attr('data-hb') == '0.1'){
        rodzicSlup.children('.b_strona').empty(); 
        rodzicSlup.attr('data-hb','0');rodzicSlup.removeClass('hasled');
        rodzicSlup.children('transform').children('.betony').attr('render','true');
        }
                     
//let str1 = '<transform translation="0 0.0193 0"><Group USE="kotwa_alu_gate" /></transform>';
//let str2 = '<transform translation="0 -0.0193 0"><Group USE="kotwa_alu_gate" /></transform>';
 


let str1 = '<transform translation="0 0.0193 0"><Group USE="kotwa_alu_gate" /><Group class="pokrywa-kotwy" render="'+jestpokrywa+'"><Transform scale="1.2 1.3 1"><Group USE="pokrywa-kotwy"/></Transform></Group></transform>';
let str2 = '<transform translation="0 -0.0193 0"><Group USE="kotwa_alu_gate" /><Group class="pokrywa-kotwy" render="'+jestpokrywa+'"><Transform scale="1.2 1.3 1"><Group USE="pokrywa-kotwy"/></Transform></Group></transform>';

                     
                     $(slupid).children('.kotwy').find('.kotwa').empty().append(str1);
                     rodzicSlup.children('.kotwy').find('.kotwa').empty().append(str2);
                     
        if(typslupa == 's-295'){
    
    $(slupid).children('transform').children('.betony').empty().append('<Transform USE="betonXgate" /><Transform USE="betonX2" />');
                 rodzicSlup.children('transform').children('.betony').empty().append('<Transform USE="betonXgate" /><Transform USE="betonX2" />'); 
                         
                 $(slupid).children('.slupbody').find('.clipper2').attr('on','true');
                 rodzicSlup.children('.slupbody').find('.clipper2').attr('on','true');
                         
    
                  }
    } // /is tor
    
    
	 }); 
    
  
    if($('.hasgate').length > 0 ) {$('.newhelp').hide(); $('.mauergroup').addClass('d-none');}
    else {$('body:not(.stepbystep) .newhelp').show(); $('.mauergroup').removeClass('d-none');}
    
}// /Gate

//toropcje
var toropcja = 1;
function drzwiOpcje(event){
    
let slup =  $('#'+aktywny).siblings('.slup');  
let rodzicSlup = $('#'+aktywny).closest('.slup'); 
let kierunek = $('#'+aktywny).attr('data-k');
    
let rhl = rodzicSlup.attr('data-hl');
let rhr = rodzicSlup.attr('data-hr');
let rhf = rodzicSlup.attr('data-hf');
let rhb = rodzicSlup.attr('data-hb');
    
let shl = slup.attr('data-hl');
let shr = slup.attr('data-hr');
let shf = slup.attr('data-hf');
let shb = slup.attr('data-hb');
    
toropcja++;  
if(toropcja > 4) toropcja = 1; 
    
if(kierunek=='f'){
    
   if(toropcja==1 && (rhl=='180' || rhl=='179')) toropcja = 2; 
   if(toropcja==4 && (rhr=='180' || rhr=='179')) toropcja = 2; 
   if(toropcja==3 && (shb=='180' || shb=='179')) toropcja = 2;
} 
    
else if(kierunek=='b'){
   if(toropcja==4 && (rhl=='180' || rhl=='179')) toropcja = 1; 
   if(toropcja==1 && (rhr=='180' || rhr=='179')) toropcja = 2; 
   
   if(toropcja==3 && (shb=='180' || shb=='179')) toropcja = 2;
} 
else if(kierunek=='r'){
   if(toropcja==1 && (rhf=='180' || rhf=='179')) toropcja = 2; 
   if(toropcja==4 && (rhb=='180' || rhb=='179')) toropcja = 2; 
   
   if(toropcja==2 && (shf=='180' || shf=='179')) toropcja = 3;
} 
    
if(toropcja == 2){
    $('#'+aktywny + '> Transform > .ustawdrzwi').attr('scale','1 -1 1'); 
   $('#'+aktywny + '> Transform > .ustawdrzwi').attr('translation','0 2 0');
    }
else
if(toropcja == 3){
  $('#'+aktywny + '> Transform > .ustawdrzwi').attr('scale','-1 -1 1'); 
   $('#'+aktywny + '> Transform > .ustawdrzwi').attr('translation','0 2 0');
  
}
else if(toropcja == 4){
  $('#'+aktywny + '> Transform > .ustawdrzwi').attr('scale','-1 1 1'); 
    $('#'+aktywny + '> Transform > .ustawdrzwi').attr('translation','0 0 0');
        } else {
    
   $('#'+aktywny + '> Transform > .ustawdrzwi').attr('scale','1 1 1'); 
    $('#'+aktywny + '> Transform > .ustawdrzwi').attr('translation','0 0 0');
    
    }

zapiszLS();
if(event) event.stopPropagation();
}  
// /toropcje

//typ slupa 
$(document).on("click", ".typslupa.dodatek.act",  function(){
      
$('.typslupa').removeClass('ba');
$(this).addClass('ba');

$('#maueroff').click();
    
  typslupa = $(this).attr("data-typ");    
  $("#start-slup").attr('data-typ',typslupa);

  if(typslupa == 's-190') {$('.panelpokrywa').show(); }
  else $('.panelpokrywa').hide();
    
   if(typslupa == "s-295"){
       
        $('.skalaslupa').attr('scale','1 1 1.553');
        $('.skalaslupa').attr('translation','0 0 -1.05');
          
       $('.zastawki').attr('scale','1 1 22');
       $('.zastawki').attr('translation','0 0 -1.05');
          
        $('.kotwa').attr('render','false');
        
	 
	    $("#w0__betonX").attr('translation','0 0 -52.4');
	    $("#w0__betonX").find('box').attr('size','40 40 105');

$('.slupbody').find('.clipper').attr('plane','0 0 1 0.20');
    
       Gate();
	 
	 } else {
         
         
         if(typslupa == "s-235") {

                   let py = '-0.45';
             
                   $('.skalaslupa').attr('scale','1 1 1.237');
                   $('.skalaslupa').attr('translation','0 0 '+py);
          
                   $('.zastawki').attr('scale','1 1 10');
                   $('.zastawki').attr('translation','0 0 '+py);
          
                   $('.kotwa').attr('render','false');
       $('.slupbody').find('.clipper').attr('plane','0 0 1 -0.40');           
             
         } else { //190
             $('.skalaslupa').attr('scale','1 1 1');
                   $('.skalaslupa').attr('translation','0 0 0');
          
                   $('.zastawki').attr('scale','1 1 1');
                   $('.zastawki').attr('translation','0 0 0');
             
             $('.kotwa').attr('render','true');
             $('.slupbody').find('.clipper').attr('plane','0 0 1 -0.85');   

            dodajPokrywe();

         }
	
	  
	   $("#w0__betonX").attr('translation','0 0 -29.9');
	   $("#w0__betonX").find('box').attr('size','40 40 60');
	
	 }
     rysujTrawnik();
    zapiszLS();
 
});// /typ slupa

//sciana na start
$(document).on("click", ".slupsciana.dodatek.act",  function(event){
    
    event.stopPropagation();

   
    
    var produkt = $(this).attr('data-produkt');
   
 
    if(produkt == 'off'){ //usuwanie
       if($('#start-slup').children('.l_strona').children().length>0){
       aktywny = $('#start-slup').children('.l_strona').find('.model').attr('id');
       usunPlot();
   }
        
         
    } else {
    
        odznacz();
        
        aktywny = "start-slup";
        
        $('#start-slup').children('.l_strona').empty(); 
        $('#start-slup').children('.b_strona').empty(); 
        $('#start-slup').children('.f_strona').empty(); 
        $('#start-slup').attr('data-hl',"0");
        $('#start-slup').attr('data-hb',"0");
        $('#start-slup').attr('data-hf',"0");

        $('#start-slup').removeClass('hasled');
        
        $('#start-slup').children('transform').children('.easyslup').find('.listwa_b').attr('render','true');
        $('#start-slup').children('transform').children('.easyslup').find('.listwa_f').attr('render','true');
        
       
        
        kierunek="l";
        $('.'+produkt+'.plot.dodatek.act').click();
        
        odznacz();
        
        $(this).addClass('ba');
    }
    
    return;
 
});// /sciana na start

//Grubosc slupa
$(document).on("click", ".gruboscslupa.dodatek.act",  function(){

  $('.gruboscslupa').removeClass('ba');
  $(this).addClass('ba');
   
 if(gruboscslupa != $(this).attr("data-gr")) {
    
	 gruboscslupa = $(this).attr("data-gr");
	 
	  var pozPlotu = gruboscslupa == '9' ? '4.5':'3.5';
	  
	  if(gruboscslupa == '9'){
	  
	     var pozPlotu = '4.5';
          
          $('.listwa_f').parent().attr('translation','0.01 0 0');
          $('.listwa_r').parent().attr('translation','0 0.01 0');
          $('.listwa_l').parent().attr('translation','0 -0.01 0');
          $('.listwa_b').parent().attr('translation','-0.01 0 0');
             
          $('.kapturek').attr('scale','1.285714 1.285714 1.000000');
             
          $('.ksztaltslupa IndexedFaceSet').remove(); 
          $('.ksztaltslupa').append('<IndexedFaceSet USE="IF-slup-180-okr-gr9" />');
          
          $('.modelzastawki IndexedFaceSet').remove(); 
          $('.modelzastawki').append('<IndexedFaceSet USE="IF-zastawki-gr9" />');
           
          $('#start-slup').removeClass('gr7').addClass('gr9');
  
	  } else {
		  
		  var pozPlotu = '3.5';
          
           $('.listwa_f').parent().attr('translation','0 0 0');
           $('.listwa_r').parent().attr('translation','0 0 0');
           $('.listwa_l').parent().attr('translation','0 0 0');
           $('.listwa_b').parent().attr('translation','0 0 0');
             
          $('.kapturek').attr('scale','1 1 1');
                    
          $('.ksztaltslupa IndexedFaceSet').remove(); 
          $('.ksztaltslupa').append('<IndexedFaceSet USE="IF-slup-180-okr-gr7" />');
          $('.modelzastawki IndexedFaceSet').remove(); 
          $('.modelzastawki').append('<IndexedFaceSet USE="IF-zastawki-gr7" />');
          
          $('#start-slup').removeClass('gr9').addClass('gr7');
	
	  }
	  
	 
     $('.model').each(function() { 
	 
	    $(this).attr('translation','0 0 '+pozPlotu);
         
         
        var dataw = parseInt($(this).attr('data-w'));
         
        if(dataw == 0) { //jest sciana
            
            if($(this).parent().hasClass('r_strona')){
                
              
                
                var daneslupa = $(this).parent().parent().attr('translation');
                var pm = daneslupa.split(' ');
        
           var przesunplot = Number(pm[2]) - parseInt(gruboscslupa) + 3;
           $(this).parent().parent().attr('translation','0 0 '+przesunplot);
                
                
            } else {
                
                 var przesunplot = gruboscslupa == '9' ? '-6' : '-4';
            
                 $(this).parent().parent().children('.r_strona').attr('translation','0 0 '+przesunplot);
                
            }
        
        
        } else {
		
		
		var odlSlupa = dataw + parseInt(gruboscslupa); 
		 
		$('#'+$(this).attr('id')+'-slup').attr('translation','0 0 '+odlSlupa);
	 
     }
	 });
	 
	 rysujTrawnik();
  
  } 
         
 zapiszLS();
 
});//zmiana grubosci

//cutter
function cutter(){
 
 if(aktywny=='start') return;
 
 var rangeSlider = document.getElementById('slider-range');
 let dlplot = 180;
 dlplot = parseInt($('#'+aktywny).attr('data-w'));
    
let aktywnyid = $('#'+aktywny).attr('data-p');
   
    
if(!$('#slider-range').hasClass('noUi-target')){
noUiSlider.create(rangeSlider, {
    start: 180,   
    connect: 'lower',
    tooltips: [wNumb({
        decimals: 0,
        suffix: ' cm'
    })],
    range: {
        'min': 61,
        'max': 180
    },
    pips: { mode: 'range', density: 1}
});
}
   
dlplot +=3;
    
if(aktywnyid == 'easywpc-180x180' || aktywnyid == 'easy-half' || aktywnyid.indexOf('inlay-')!=-1 || aktywnyid == 'z-180x180' || aktywnyid == 'z-80x180H' || aktywnyid == 'z-H180x180'){
    rangeSlider.noUiSlider.updateOptions({
        start:dlplot,
        padding: [10, 0],
        range: {
        'min': 0,
        '50%': 90,
        'max': 180
    }
    });
}
    else if(aktywnyid == 'z-80x180V' ){
    rangeSlider.noUiSlider.updateOptions({
        start:dlplot,
        padding: [10, 0],
        range: {
        'min': 0,
        '50%': 44,
        'max': 88
    }
    });
}
else    
if(dlplot > 90) {
     rangeSlider.noUiSlider.updateOptions({
        start:dlplot,
        padding: [0, 0],
        range: {
        'min': 91,
        '50%': 135,
        'max': 180
    }
    });
    
} else    
if(dlplot > 60) {
     rangeSlider.noUiSlider.updateOptions({
        start:dlplot,
        padding: [0, 0],
        range: {
        'min': 61,
        '50%': 75,
        'max': 90
    }
    });
    
} else {
    
    rangeSlider.noUiSlider.updateOptions({
        start:dlplot,
        padding: [10, 0],
        range: {
        'min': 0,
        '50%': 30,
        'max': [60]
    }
    });
    
}
   
}//cutter

//cut ok
$(document).on("click",".cutok",function(){
    var rangeSlider = document.getElementById('slider-range');
   
    let dlslider = Math.round(rangeSlider.noUiSlider.get());
    let odlslup = dlslider + 4;
    let dlplot = dlslider - 3;
    
    let aktywnyid = $('#'+aktywny).attr('data-p');
    
    let clipp = 0;
    
     if(aktywnyid == 'z-180x180' || aktywnyid == 'z-80x180H' || aktywnyid == 'z-H180x180'){
        
       clipp = (dlslider-90);
    $('#'+aktywny).find('.clipper').attr('plane','0 0 -1 '+clipp)
        
    } else if(aktywnyid == 'z-80x180V'){
        
       clipp = (dlslider-88);
    $('#'+aktywny).find('.clipper').attr('plane','0 0 -1 '+clipp)
        
    }  else
    
    if(aktywnyid == 'easywpc-180x180' || aktywnyid == 'easy-half' || aktywnyid.indexOf('inlay-')!=-1 || dlslider > 90){
        
       clipp = (dlslider-90)/100;
    $('#'+aktywny).find('.clipper').attr('plane','1 0 0 '+clipp)
    
    } else if(aktywnyid == 'easywpc-180x180' || aktywnyid == 'easy-half' || aktywnyid.indexOf('inlay-')!=-1 || dlslider > 60){
        
    clipp = (dlslider-45)/100;
    $('#'+aktywny).find('.clipper').attr('plane','1 0 0 '+clipp)
        
        
    } else {
        
    clipp = (dlslider-30)/100;
    $('#'+aktywny).find('.clipper').attr('plane','1 0 0 '+clipp)
        
    }
    
    var slup = $('#'+aktywny+"-slup");
    if(slup.children('.r_strona').children().length == 1){
    var sciana = slup.children('.r_strona').find('.model').attr('data-p');
        if(sciana.indexOf('mur')!=-1) {
             
            odlslup = odlslup - 4;
                       
        }
    }
    
    slup.attr('translation','0 0 '+odlslup);
    
    $('#'+aktywny).attr('data-w',dlplot);
        
    $('#w0__fencekosz').attr('translation','0 205 '+dlplot/2);
    
    
    zapiszLS();
    
    rysujTrawnik();
    
});
// /cut ok

//slider cut
function przesunSlider(val){
var rangeSlider = document.getElementById('slider-range');
let dlslider = Math.round(rangeSlider.noUiSlider.get())+val;
rangeSlider.noUiSlider.set(dlslider);                    
}
                      
$(document).on("click",".ilerazy.splus",function (event) {  
     przesunSlider(1);                 
});
$(document).on("click",".ilerazy.sminus", function (event) {  
     przesunSlider(-1);                
});
// /slider cut

//sturmankers
$(document).on("click",".sturmankers",function(){
   let $opcja = $(this).attr('data-o');
    $('.achtungico').remove();
    
        $('.model').each(function() {
           if($(this).attr('data-p')=='sturmanker'){
            aktywny = $(this).attr('id');
            usunPlot();
        }
        
        });
        
   if($opcja == 'off'){
        //usuwanie 
        
        }
   else      
   $('.slup:not(.kula)').each(function() {
    
     if($(this).hasClass('hasled')){
          aktywny = $(this).attr('id');
          if($('#'+aktywny+' > .achtungico').length==0) $('#'+aktywny).append(`<Transform class="achtungico" render="true" rotation="0 0 1 1.57" translation="0 210 0"><Shape onclick="warning(event)"><Appearance><ImageTexture USE="achtungico"/><TextureTransform scale="1 1"/><Material diffuseColor="#fff" transparency="0" /></Appearance><box  size="30 0 30" /></Shape></Transform>`);
           
    } else
    
        if($(this).attr('data-hb') == '0' && $(this).attr('data-hf') == '0' ){
           aktywny = $(this).attr('id');
    
    if($('#'+aktywny+' > .achtungico'))  $('#'+aktywny+' > .achtungico').remove();
        
        let pole = $('#'+aktywny);
        let kula = pole.toArray();
  
        let mat = kula[0]._x3domNode.getCurrentTransform();
        
        let x = mat['_03'].toFixed(0);
        let y = mat['_23'].toFixed(0);
  
        if(x<=0 && y>0){
          
          kierunek = $opcja == 'f' ? 'b':'f';
         
        } else kierunek = $opcja;
        
           dodajPlot3('sturmanker','30','30','30');
        
        
    $('#toaststurmanker').modal('show');
        }
   
    
   });
 aktywny = '';
 if(extra=='on') extraf('on');
});
// /sturmankers
            
            
//przelacz led
$(document).on("click",".leds",function(){
    
    led = $(this).attr('data-led');
    
    $('.achtungico').remove();
    ledkolor='';
    
    $('.model').each(function() {
           if($(this).attr('data-p')=='ledcolor' || $(this).attr('data-p')=='ledwhite'){
            aktywny = $(this).attr('id');
            let  aktywnyslup = $(this).closest('.slup').attr('id');
            $('#'+aktywnyslup).removeClass('hasled');
            usunPlot();}
    });
        
   if(led== 'off'){
        
          $('.panelnightday').hide();
          $('.panelcolors').hide();  
          $('#dnoff').click();
    
        }
   else 
    
    {
    $('.panelnightday').show();
    $('.panelcolors').hide(); 
    $('#bus1').click(); 
 
   $('.slup-180:not(.hasgate)').each(function() {
    
    if($(this).attr('data-hb') == '30' || $(this).attr('data-hf') == '30' ){
          aktywny = $(this).attr('id');
          $('#'+aktywny).append(`<Transform class="achtungico" render="true" rotation="0 0 1 1.57" translation="0 210 0"><Shape onclick="warning(event)"><Appearance><ImageTexture USE="achtungico"/><TextureTransform scale="1 1"/><Material diffuseColor="#fff" transparency="0" /></Appearance><box size="30 0 30" lit="false" /></Shape></Transform>`);
    
    } else if($(this).attr('data-hb') == '0' || $(this).attr('data-hf') == '0' ){
        
        aktywny = $(this).attr('id');
        
        let pole = $('#'+aktywny);
        let kula = pole.toArray();
  
        let mat = kula[0]._x3domNode.getCurrentTransform();
        
        let x = mat['_03'].toFixed(0);
        let y = mat['_23'].toFixed(0);
  
        if(x<=0 && y>0){
          
          kierunek = 'b';
         
        } else kierunek = 'f';
    
        if($(this).attr('data-h'+kierunek) == '0') {$('#'+aktywny).addClass('hasled'); dodajPlot3(led,'0.1','0.1','0.1');}
       }
        });
    
    $('#dnn').click();
    aktywny='';
    if(extra=='on') extraf('on');
 
    }
    
});
    
function ledVsStu(){
    
    
  let tmpkierunek = $('#'+aktywny).attr('data-hb') == '30' ? 'b':'f'; //kierunek sturmanker
  aktywny = $('#'+aktywny+'>.'+tmpkierunek+'_strona>.model').attr('id'); // id sturmanker
  usunPlot();
    
    
  $('#ledodersturmanker').modal('hide');
  $('#'+led).click();
    
    }
    
    
$(document).on("click",".wantled",function(){ ledVsStu();});
$(document).on("click",".wantstu",function(){ stuVsLed();});
    
function stuVsLed(){
    
    $('#'+aktywny).removeClass('hasled');
    
    let tmpkierunek = $('#'+aktywny).attr('data-hb') == '0.1' ? 'b':'f'; //kierunek led
  aktywny = $('#'+aktywny+'>.'+tmpkierunek+'_strona>.model').attr('id'); // id led
  
   usunPlot();
    
    
  $('#ledodersturmanker').modal('hide');
 
  if($('#stuback').prop('checked')) $('#stuback').click();
  else $('#stufront').click();
    
    }
    
function warning(event){  
    
    aktywny = $(event.target).parent().parent().attr('id');
    
    if($('#collapseLed').hasClass('show')){
    
    $('#ledodersturmanker .wantstu').hide();
    $('#ledodersturmanker .wantled').show();
    
    } else {
    
    $('#ledodersturmanker .wantstu').show();
    $('#ledodersturmanker .wantled').hide();
    
    }
    
    $('#ledodersturmanker').modal('show');
   
    event.stopPropagation();
}
    
function cord(){
    
    let ilecords = 0;
    
    if(led!=='off') {
    
    let dlx=0;
    
    
    let curled = $('.slup-180.hasled').first().attr('id');
    
    
    
        let pole = $('#'+curled);
        let kula = pole.toArray();
  
        let mat = kula[0]._x3domNode.getCurrentTransform();
        
        let x = mat['_03'].toFixed(0);
        let y = mat['_23'].toFixed(0);
        
        let cx= x*1 + y*1;
        let startcx = cx;
    
        let prawastrona = false;
    
    $('#start-slup > .r_strona .slup-180.hasled').each(function() {
    
       prawastrona = true;

       curled = $(this).attr('id');
       pole = $('#'+curled);
       kula = pole.toArray();
  
       mat = kula[0]._x3domNode.getCurrentTransform();
        
        x = mat['_03'].toFixed(0);
        y = mat['_23'].toFixed(0);  
    
     x = x*1 + y*1;
    dlx = x - cx;
    cx = x;
    
    if(dlx > 190) ilecords += Math.floor(dlx/190);
    
    });
    
    
    
    if($('#start-slup > .f_strona .slup-180.hasled').length > 0) { //sprawdz front
    
    if(prawastrona) {
     ilecords += Math.ceil(startcx/190);
     cx = 0;
    } else cx = startcx;
    
    $('#start-slup > .f_strona .slup-180.hasled').each(function() {

       curled = $(this).attr('id');
        pole = $('#'+curled);
        kula = pole.toArray();
  
       mat = kula[0]._x3domNode.getCurrentTransform();
        
        x = mat['_03'].toFixed(0);
        y = mat['_23'].toFixed(0);  
    
     console.log(x);
     console.log(y);
    
    x = x*1 + y*1;
    dlx = x - cx;
    cx = x;
    
     console.log(dlx);
    
    if(dlx > 190) ilecords += Math.floor(dlx/190);
    
    });
    }
    
    
    }
    
   
    
    return ilecords;
    
    }// /cord()
        
function usunLed(event){  
    
    if($('.slup.hasled').length==1){ //usuwam ostatni bug
      
      $('#ledohne').click();
      return;
    }
    
   odznacz();
   aktywny = $(event.target).closest('.model').attr('id');
   let  aktywnyslup = $(event.target).closest('.slup').attr('id');
   $('#'+aktywnyslup).removeClass('hasled');
   usunPlot();
  
   event.stopPropagation();
        }
    

 
//przelacz swiatla
$(document).on("click",".btn-check.dn",function(){

let $opcja = $(this).attr('data-o');   
if($opcja=='off' || $opcja=='day'){
    
$('#directional').attr('on','false');
    

if($('scene').find('#chmury').length==0) $('scene').append('<background id="chmury" backUrl="../maps/ocean2.jpg" bottomUrl="../maps/bot2.jpg" frontUrl="../maps/ocean2.jpg" leftUrl="../maps/ocean3.jpg" rightUrl="../maps/ocean3.jpg" topUrl="../maps/top.jpg" ></background>');
    
   
    
$('header.mainheader').css('background-color','rgba(255,255,255,0.5)');
$('body').removeClass('bg-nacht');
   
     $('#mynavi').attr('headlight','true');
    
    if( $opcja == 'off'){
    
       $('#w0__trawnik').attr('lit','false');
       $('.betonlit').attr('lit','false');
      $('.model .ledlight').attr('on','false');
       $('.panelcolors').hide(); 
    
    if(led=='ledcolor') $('.model .ledmat').attr('specularcolor','#ffffff');
    
     } else {
    
    $('#w0__trawnik').attr('lit','true');
    $('.betonlit').attr('lit','true');
    $('.model .ledlight').attr('on','true');
    $('.model .ledlight').attr('intensity','.9');
    if(led=='ledcolor') {
    $('.panelcolors').show();
    if(ledkolor!='') $('.model .ledmat').attr('specularcolor',ledkolor)
    else $('.model .ledmat').attr('specularcolor','#ff0000');} 
    
    }
    
    } else  if($opcja=='nacht'){
    
    $('#w0__trawnik').attr('lit','true');
    $('.betonlit').attr('lit','true');
    
    $('#chmury').remove();
    if(led=='ledcolor') $('.panelcolors').show(); 
    $('body').addClass('bg-nacht');
$('header.mainheader').css('background-color','rgba(255,255,255,0.9)');
    
$('#mynavi').attr('headlight','false');
$('.model .ledlight').attr('on','true');
 $('.model .ledlight').attr('intensity','.3');
$('#directional').attr('on','true');
    
    }
});
    
$(document).on("click",".btn.bcolor",function(){
    
    let kolor = $(this).attr('data-cr'); 
    ledkolor = kolor;
    $('.model .ledlight').attr('color',kolor);
    $('.model .ledmat').attr('specularcolor',kolor);
    $('.model .ledmat').attr('emissivecolor',kolor);
    
    });
    
$(document).on("click","#bus1",function(){$('.model .ledkosz').attr('render','true');});
$(document).on("click","#bus2",function(){$('.model .ledkosz').attr('render','false');});
$(document).on("click","#hohe1",function(){extraf('off');});
$(document).on("click","#hohe2",function(){extraf('on');});
    
function ustalInlays(){
    if($('scene .model[data-p="inlay-anthrazit"]').length > 0) {$('#inlayqa').prop('checked',true); kindinlay = 'inlay-anthrazit';}
    else if($('scene .model[data-p="inlay-silber"]').length > 0) {$('#inlayqs').prop('checked',true); kindinlay = 'inlay-silber'; }
    else if($('scene .model[data-p="inlay-kreise-anthrazit"]').length > 0) {$('#inlayka').prop('checked',true); kindinlay = 'inlay-kreise-anthrazit'; }
    else if($('scene .model[data-p="inlay-kreise-silber"]').length > 0) {$('#inlayks').prop('checked',true); kindinlay = 'inlay-kreise-silber'; }
    else if($('scene .model[data-p="inlay-mattglas-anthrazit"]').length > 0) {$('#inlayma').prop('checked',true); kindinlay = 'inlay-mattglas-anthrazit'; }
    else if($('scene .model[data-p="inlay-mattglas-silber"]').length > 0) {$('#inlayms').prop('checked',true); kindinlay = 'inlay-mattglas-silber'; }
    else {$('#inlaybrak').prop('checked',true); kindinlay = 'ohne';}
    $('#kindinlay').attr('data-produkt',kindinlay);
    }
    
function ustalLed(){
    if($('scene .model[data-p="ledcolor"]').length > 0) {$('#ledcolor').prop('checked',true);$('.panelnightday').show(); $('.panelcolors').hide();$('#dnoff').prop('checked',true); led="ledcolor"; }
    else if($('scene .model[data-p="ledwhite"]').length > 0) {$('#ledwhite').prop('checked',true);$('.panelnightday').show(); $('.panelcolors').hide();$('#dnoff').prop('checked',true);led="ledwhite";  }
    else  {$('#ledohne').prop('checked',true);  $('.panelnightday').hide(); $('.panelcolors').hide();$('#dnoff').prop('checked',true);led="off"; }
    } 
    
function ustalStu(){
    if((!cennik['sturmanker-A'] && kolorslupa == anthrazit) || (!cennik['sturmanker-S'] && kolorslupa == silber)) {
    $('#stufront').prop('disabled',true);$('#stuback').prop('disabled',true);
    if($('scene .model[data-p="sturmanker"]').length > 0) $('#stuoff').click();
    } else {$('#stufront').prop('disabled',false);$('#stuback').prop('disabled',false);}
    
    if($('scene .model[data-p="sturmanker"]').length > 0) {$('#stuoff').prop('checked',false);}
    else {$('#stuoff').prop('checked',true); }
    } 
    
//mauerdapter 
function checkMauer(){
    let obrot = 0;
    $('.slup:not(.kula)').each(function() {
    
    if($(this).attr('data-hf') != '0' && $(this).attr('data-hf') != '0.1') {
     obrot = '3.14';
    if($(this).attr('data-hb') != '0') obrot = '1.571';
    
    } else {
    
    obrot = 0;
    if($('#mauerstrona').prop('checked')) obrot=3.14; 
    
    }
    
    $(this).children('transform').find('.mauer-adapter').attr('rotation','0 0 1 '+obrot);
    
    });
    
    if(jestmauer!='off') $('scene .model[data-p="sturmanker"]').attr('translation','0 -1.2 3.5');
    else {
       $('scene .model[data-p="sturmanker"]').attr('translation','0 0 3.5');
       $('scene .model[data-p="sturmanker"]').parent().parent().children('transform').children('.betony').attr('render','false');
    }
    }

$(document).on("click","#mauerstrona",function(){checkMauer();$('#start-slup').addClass('mauerback'); zapiszLS();})  
     
$(document).on("click", "#mauerfront",  function(){checkMauer();$('#start-slup').removeClass('mauerback'); zapiszLS();});
    
$(document).on("click",".mauer",function(){
    
    let $opcja = $(this).attr('data-o');
    
    if($opcja != 'off'){
    
      $('#pokrywa').prop('checked',false);
      $('.pokrywa-kotwy').attr('render','false');
      $('#pokrywa').prop('disabled',true);
    
       $('.mauerkolor').find('Material').attr('diffuseColor',window[$opcja]);
    
       $('.mauer-adapter').attr('render','true');
       $('.mauer-adapter').addClass($opcja);
       $('#w0__wymiarpozycja').attr('translation','0 -30 0');
       
       $('.kotwa').attr('render','false');
       $('.betony').attr('render','false');
      jestmauer = $opcja;
    
    $('#w0__stubeton').attr({'scale':'0.5 0.7 0.5','translation':'0 0 20.3'});
    
    } else {
    jestmauer = 'off';
    $('.mauer-adapter').attr('render','false');
    $('#w0__wymiarpozycja').attr('translation','0 0 0');
   
    $('.kotwa').attr('render','true');
    $('.betony').attr('render','true');
    
    
     $('#pokrywa').prop('disabled',false);
    dodajPokrywe();
    
    $('#w0__stubeton').attr({'scale':'1 1.625 1','translation':'0 0 9'});
    
    checkMauer();
    
    }
    nowywymiar();
    zapiszLS();
    }); 
    
    //usun plot
    function usunPlot(){ 
    
     
    var kplot = $('#'+aktywny).attr('data-k');
    var rodzicSlup = $('#'+aktywny).closest('.slup');
    var zprzodu = $('#'+aktywny+'-slup').children('.r_strona').children().length;
     
     
    
    if(zprzodu == 1){ // child mur
     
     $('#'+aktywny).parent().empty();
     rodzicSlup.attr('data-h'+kplot,'0');
     rodzicSlup.children('transform').children('.easyslup').find('.listwa_'+kplot).attr('render','true');
     
     }
    else 
    if(kplot!="r" && zprzodu > 1){ //usun i przesun
       
       var tmp = $('#'+aktywny+'-slup').children('.r_strona').children();
       tmp.eq(0).attr('data-k',kplot);
       $('#'+aktywny).parent().empty().append(tmp); 
       
   }  else { //else 1
       
       if(kplot=="r"){
       
       let shf = $('#'+aktywny+'-slup').attr('data-hf'); //sprawdz front
        if(shf=='180' && rodzicSlup.attr('data-hf')=='0'){ 
       var tmp = $('#'+aktywny+'-slup').children('.f_strona').children();
       rodzicSlup.attr('data-hf',shf);   
       //if(shf == '180') 
       rodzicSlup.children('transform').children('.easyslup').find('.listwa_f').attr('render','false'); 
       rodzicSlup.children('.f_strona').append(tmp); 
       }//front
       
       let shb = $('#'+aktywny+'-slup').attr('data-hb'); //sprawdz tył
        if(shb=='180' && rodzicSlup.attr('data-hb')=='0'){ 
       var tmp = $('#'+aktywny+'-slup').children('.b_strona').children();
       rodzicSlup.attr('data-hb',shb);   
       //if(shf == '180') 
       rodzicSlup.children('transform').children('.easyslup').find('.listwa_b').attr('render','false'); 
       rodzicSlup.children('.b_strona').append(tmp); 
       }//tyl
           
       
   }
       
    if(zprzodu > 1)  {
        
        var tmp = $('#'+aktywny+'-slup').children('.r_strona').children();
        
        tmp.eq(0).attr('data-k',kplot);
        
       $('#'+aktywny).parent().empty().append(tmp);   
        
    }
       
    else {
	 
	 rodzicSlup.attr('data-h'+kplot,'0');
     rodzicSlup.children('transform').children('.easyslup').find('.listwa_'+kplot).attr('render','true');
                   
        
    if($('#'+aktywny).attr('data-p').indexOf('easywpc-mur') != -1){
      rodzicSlup.attr('data-hf', '0');
    rodzicSlup.attr('data-hb', '0');
                      
                       rodzicSlup.children('transform').children('.betonmur').addClass('betony').removeClass('betonmur');
                       if(jestmauer == 'off') rodzicSlup.children('transform').children('.betony').attr('render','true');
                      
       if(kplot == 'l') {
           rodzicSlup.children('.r_strona').attr('translation','0 0 0');
            $('#muroff').prop('checked',true);
        } else {
            
           var daneslupa = rodzicSlup.attr('translation');
           var pm = daneslupa.split(' ');
        
           var przesunplot = parseInt(gruboscslupa) + Number(pm[2]) - 3;
           rodzicSlup.attr('translation','0 0 '+przesunplot);
        }
        // rodzicSlup.find('[class="easyslup"]:last').attr('render','true');
         rodzicSlup.children('transform').children('.easyslup').attr('render','true');
         rodzicSlup.children('.kotwy').attr('render','true');
                      
      } else if(jestmauer == 'off') rodzicSlup.children('transform').children('.betony').attr('render','true'); //sturmanker

	 $('#'+aktywny).parent().empty();
        
    }
	 
	
     
       
    }//else 1
    
 podmienSlup2(rodzicSlup);
    
$(this).removeClass('ba');
                      
Gate();
	 
rysujTrawnik();
odznacz();
checkMauer();                     
zapiszLS(); 
if(!$('body').hasClass('stepbystep')) fitView();
pmenu('hide');
}

$(document).on("click",".kosz", function(){usunPlot()});
    
//furtka
const mozliwaFurtka = () => {
    let lkslupa = kolorslupa == anthrazit ? "-A":"-S";  
    let ntypslupa = typslupa;
    if(ntypslupa=='s-295') ntypslupa = 's-235'; 
    if(!cennik['easywpc-mur-190'+lkslupa]) $('.mybox.tors').addClass('d-none');
    else  if(!cennik[ntypslupa+lkslupa+'-tor']) $('.mybox.tors').addClass('d-none');
    else   $('.mybox.tors').removeClass('d-none');   
}
    
//kierunek
wybierzKierunek = function(event){
$('#pmenulabel').text('einen Artikel hinzufügen');
$('.tab').hide();
$('.dodatek').addClass('act').show();
    
$('#eb-accordion .accordion-collapse.show').collapse('hide'); 
    
odznaczPlot();

var shape = $(event.target);
kierunek = shape.parent().parent().attr('data-k');
   
var myid = shape.closest('.slup').attr('id'); 
         
aktywny = myid ;  
myid = '#'+myid ;
    
let jestTor = $(myid).hasClass('hasgate');
  
stopSlup = 0;
    
mozliwaFurtka();
     
$('.mur').addClass('d-none');
  
if(kierunek=='r' || kierunek=='l' || jestTor) {$('.sturmanker').hide();}
else {
    
      
    if($(myid).attr('data-hf')!="0") $('.sturmanker').hide();
    if($(myid).attr('data-hb')!="0") $('.sturmanker').hide();
        
    if((!cennik['sturmanker-A'] && kolorslupa == anthrazit) || (!cennik['sturmanker-S'] && kolorslupa == silber)) $('.sturmanker').hide();
    
}
        
   
      
  if($(myid).attr('data-hb') == '0' && $(myid).attr('data-hf') == '0' && kierunek == 'r') 
  {
      if(!jestTor) $('.mur').removeClass('d-none');
  }
    
 if(extra == 'off' && jestmauer == 'off') {$('.torsopcje').removeClass('d-none'); $('.torsopis').addClass('d-none');}
  
  if(arrow.length == 1){
    arrow.parent().parent().find('Material').attr({diffuseColor:'#aaa'});
  }
  
  arrow = shape;

  

if(aktywny == 'start-slup'){
    
    if($('.model').length==0) $('.dodatek').addClass('act');
    
}
  
  pokazpasek();
    
  $(".akcesoria").show();
  pmenu('show');
        
  shape.parent().parent().find('Material').attr({diffuseColor:'#ff0000'});
  
     
   var strona = '.'+kierunek+'_strona';  
  //sprawdzBlokady(aktywny, strona, 0); 
   
 $(".cut").hide();
 $(".firstzaun").hide();
 $('.oczy').show();
 $('.kosz').hide();
 $('.cutcontainer').hide();
 $('.akcesoria .ba').removeClass('ba')
    
if(kindinlay=='ohne') $('.inlaybuttons').hide();
    
  event.stopPropagation(); 

} // /kierunek
    
function showSlupClick(){
    $('.dopasuj').show();
    $('.dopasuj').scrollTop(0);
}
    
//wskaz slup
var shapeslup;
wskazSlup = function(event){
if($('body').hasClass('stepbystep')) return;
if(obroty) return;
var shape = $(event.target);
shapeslup = shape[0];
var id = shape.closest('.slup').attr('id'); 
    
easylicznik=4; 
	
if(id != aktywny){
let myid = id.replace('-slup','');
if(id == 'start-slup') pmenu('hide');
zaznaczPlot(myid);
} else {
if($('#pmenu').hasClass('show')) pmenu('hide');
else odznacz();
}
event.stopPropagation();
}// /wskaz slup

//zaznacz slup 2
function zaznaczSlup(myid){
    
    $(myid).children('.slupbody').find('.slupredbox').attr('transparency','0.5');
    
    if($(myid).hasClass('hasled')){
       $(myid+' > .f_strona > .model >.ledkosz').attr('render','true');
    }
    
    easylicznik=4; 
   $(myid).find('.kolorslupa').last().find('Material').attr({diffuseColor:kolor['ad'],specularColor:kolor['as']});
        
    if( $(myid).children('.r_strona').children().eq(0).attr('data-p') != "easywpc-mur-190"){
        
        
       if($(myid).attr('data-hf')!='180' && $(myid).attr('data-hf')!='179'){
	   $(myid).children('Group').children('.arrow.f').attr('render','true');
       easylicznik=easylicznik-1;
       }
	   
	   if($(myid).children('.r_strona').children().length == 0){
	   $(myid).children('Group').children('.arrow.r').attr('render','true');
       easylicznik=easylicznik-1;
       }  
	   
	   if($(myid).attr('data-hb')!='180' && $(myid).attr('data-hb')!='179'){
           $(myid).children('Group').children('.arrow.b').attr('render','true');
           easylicznik=easylicznik-1;
       }
        
    }
	  
	   
	   if(myid == '#start-slup'){
         
          if($(myid).children('.l_strona').children().length == 0){
               $(myid).children('Group').children('.arrow.l').attr('render','true');
               easylicznik=easylicznik-1;
               aktywny = 'start-slup';
          }      

       } 
        
       if(easylicznik > 2) $(myid).children('Group').children('.arrow').attr('render','false');
       
	
}// /zaznacz slup2
    
//pokrywa kotwy slupa                      
$(document).on("click", "#pokrywa",  function(){ 
    
    if($(this).prop('checked')) dodajPokrywe();
    else usunPokrywe();
    
    zapiszLS();
                     
});
    
    
const dodajPokrywe = () => {
   if(typslupa !== 's-190') return;
   let lkslupa = kolorslupa == anthrazit ? "-A":"-S"; 
   let aktywny = (('pokrywa'+lkslupa) in cennik) ? true : false;
    
   if(aktywny) {$('.pokrywa-kotwy').attr('render','true');$('#pokrywa').prop('disabled',false);$('#pokrywa').prop('checked',true);}
   else {$('.pokrywa-kotwy').attr('render','false');$('#pokrywa').prop('checked',false);$('#pokrywa').prop('disabled',true);}
}
    
const usunPokrywe = () => {
   if(typslupa !== 's-190') return;
   $('.pokrywa-kotwy').attr('render','false');
}

const statusyCC = () => { 
    
//cut
var cutCollapsible = document.getElementById('collapseCut');
cutCollapsible.addEventListener('show.bs.collapse', function () {
  cutter();
});


//led
if(("led" in cennik) && ("trafo" in cennik)) {  
var cutCollapsible = document.getElementById('collapseLed');
cutCollapsible.addEventListener('hide.bs.collapse', function () {
 $('#bus2').click();
 $('#dnoff').click();
 $('.achtungico').remove();
});
}

cutCollapsible.addEventListener('show.bs.collapse', function () {
 ustalLed();
   if($(window).width() <= mobilev) $('.dopasuj').scrollTop(366);
});
    
//farba slupow
document.getElementById('collapseFour').addEventListener('show.bs.collapse', function () {
   let lkslupa = kolorslupa == anthrazit ? "-S":"-A"; 
   let lkfarby = lkslupa == '-S' ? "silber":"anthrazit";
   let zabron = false;
   if(!(cennik[typslupa+lkslupa])) zabron = true;
    
    
   if($('.uchwytl').length || $('.uchwytr').length ||  $('scene .model[data-p="easywpc-mur-190"]').length){
    
   if(!(cennik['easywpc-mur-190'+lkslupa])) zabron = true;
    
    }
   
    
   $('.farbaslupa.'+lkfarby).prop('disabled',zabron);
    
    
     
   if($(window).width() <= mobilev) $('.dopasuj').scrollTop(316);
});
                                  
//sturmanker
if ($('#collapseSturmanker').length > 0){
const tab = document.getElementById('collapseSturmanker');
tab.addEventListener('hide.bs.collapse', function () {
 $('.achtungico').remove();
});
    
tab.addEventListener('shown.bs.collapse', function () {
 ustalStu();
 if($(window).width() <= mobilev) $('.dopasuj').scrollTop(536);                                 
});
}
                                
if ($('#collapseFive').length > 0)
document.getElementById('collapseFive').addEventListener('show.bs.collapse', function () {
     
   let lkslupa = kolorslupa == anthrazit ? "-A":"-S"; 
   $('input.typslupa').prop('disabled',true);
     
   if(!($('#start-slup').hasClass('extrahohe'))){   
   if(cennik['s-190'+lkslupa]) $('#ts190').prop('disabled',false);
   if(cennik['s-235'+lkslupa]) $('#ts235').prop('disabled',false);
    } 
     
   if(cennik['s-295'+lkslupa]) $('#ts295').prop('disabled',false);
   
  let prop1 = ('pokrywa'+lkslupa in cennik) ? false:true;
  $('#pokrywa').prop('disabled',prop1);
    
  if($('.hasgate').length > 0){
    
    if(!cennik['s-235'+lkslupa+'-tor']) {$('#ts295').prop('disabled',true);
    $('#ts235').prop('disabled',true);}
    
    if(!cennik['s-190'+lkslupa+'-tor']) {$('#ts190').prop('disabled',true);}
    
    }
     
   if($(window).width() <= mobilev) $('.dopasuj').scrollTop(416);
});
  
if ($('#collapseSix').length > 0)                                  
document.getElementById('collapseSix').addEventListener('show.bs.collapse', function () {
if($('#start-slup').attr('data-hr')=='179') $('.slupsciana.dodatek').prop('disabled',true);
else {
     
     let lkslupa = kolorslupa == anthrazit ? "-A":"-S"; 
     let prop1 = ('easywpc-mur-190'+lkslupa in cennik) ? false:true;
     let prop2 = ('easywpc-mur-235'+lkslupa in cennik) ? false:true;
     
     $(".s-easywpc-mur-190").prop('disabled', prop1);
     $(".s-easywpc-mur-235").prop('disabled', prop2);
     
     }
    
if(extra=='on') $(".s-easywpc-mur-190").prop('disabled', true); 
   
if($(window).width() <= mobilev) $('.dopasuj').scrollTop(466);
});
       
var myModalEl = document.getElementById('ledodersturmanker')
myModalEl.addEventListener('hide.bs.modal', function (event) {
  $('.achtungico').remove();
})
                               
                               
}// /statusyCC
                                  
                                  
                                  
                                      
//Funkcje

//zapiszLS
function zapiszLS(){
    if(wczytywanie) return;
    if($('#w0__Scena').children().length > 0){    
    var pamiec = $('<div>').append($('#w0__Scena').eq(0).clone()).html();
    localStorage.setItem("pamiec", pamiec);
    localStorage.setItem("licznik", licznik);
    }
}
        
//uruchom konfiguracje
function uruchomKonfiguracje(){
aktywny = "plot-Qr-1-slup";
kierunek="r";
if(nazwaplotu == "easy-boards") $('#z-180x180 button.plot.dodatek').click();
else $('.'+startzaun+'.plot.dodatek.act').click();
}
        
function wskaz(event){ 
if($('body').hasClass('stepbystep')) return;
if(obroty) return;
if(nazwaplotu == "easy-fence" || nazwaplotu == "gardo" || nazwaplotu == "anjo" || nazwaplotu == "fabo" || nazwaplotu == "easy-rom" || nazwaplotu == "easy-boards"){       
   $('.cutcontainer').hide();
   $('.cut').hide();   
} 
var id = $(event.target).closest('.model').attr('id');
  
     
zaznaczPlot(id);
event.stopPropagation(); 
}// /wskazPlot

        
String.prototype.compress = function (asArray) {
	"use strict";
	// Build the dictionary.
	asArray = (asArray === true);
	var i,
		dictionary = {},
		uncompressed = this,
		c,
		wc,
		w = "",
		result = [],
		ASCII = '',
		dictSize = 256;
	for (i = 0; i < 256; i += 1) {
		dictionary[String.fromCharCode(i)] = i;
	}

	for (i = 0; i < uncompressed.length; i += 1) {
		c = uncompressed.charAt(i);
		wc = w + c;
		//Do not use dictionary[wc] because javascript arrays
		//will return values for array['pop'], array['push'] etc
	   // if (dictionary[wc]) {
		if (dictionary.hasOwnProperty(wc)) {
			w = wc;
		} else {
			result.push(dictionary[w]);
			ASCII += String.fromCharCode(dictionary[w]);
			// Add wc to the dictionary.
			dictionary[wc] = dictSize++;
			w = String(c);
		}
	}

	// Output the code for w.
	if (w !== "") {
		result.push(dictionary[w]);
		ASCII += String.fromCharCode(dictionary[w]);
	}
	return asArray ? result : ASCII;
};

String.prototype.decompress = function () {
	"use strict";
	// Build the dictionary.
	var i, tmp = [],
		dictionary = [],
		compressed = this,
		w,
		result,
		k,
		entry = "",
		dictSize = 256;
	for (i = 0; i < 256; i += 1) {
		dictionary[i] = String.fromCharCode(i);
	}

	if(compressed && typeof compressed === 'string') {
		// convert string into Array.
		for(i = 0; i < compressed.length; i += 1) {
			tmp.push(compressed[i].charCodeAt(0));
		}
		compressed = tmp;
		tmp = null;
	}

	w = String.fromCharCode(compressed[0]);
	result = w;
	for (i = 1; i < compressed.length; i += 1) {
		k = compressed[i];
		if (dictionary[k]) {
			entry = dictionary[k];
		} else {
			if (k === dictSize) {
				entry = w + w.charAt(0);
			} else {
				return null;
			}
		}

		result += entry;

		// Add w+entry[0] to the dictionary.
		dictionary[dictSize++] = w + entry.charAt(0);

		w = entry;
	}
	return result;
};        

function lzw64_encode(s) {
    if (!s) return s;
    var b64="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
    var d=new Map();
    var s=(encodeURIComponent(s)).split("");
    var word=s[0];
    var num=256;
    var key;
    var o=[];
    function out(word,num) {
        key=word.length>1 ? d.get(word) : word.charCodeAt(0);
        o.push(b64[key&0x3f]);
        o.push(b64[(key>>6)&0x3f]);
        o.push(b64[(key>>12)&0x3f]);
    }
    for (var i=1; i<s.length; i++) {
        var c=s[i];
        if (d.has(word+c)) {
            word+=c;
        } else {
            d.set(word+c,num++);
            out(word,num);
            word=c;
            if(num==(1<<18)-1) {
                d.clear();
                num=256;
            }
        }
    }
    out(word);
    return o.join("");
}
                              

function lzw64_decode(s) {
    var b64="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
    var b64d={};
    for(var i=0; i<64; i++){
        b64d[b64.charAt(i)]=i;
    }
    var d=new Map();
    var num=256;
    var word=String.fromCharCode(b64d[s[0]]+(b64d[s[1]]<<6)+(b64d[s[2]]<<12));
    var prev=word;
    var o=[word];
    for(var i=3; i<s.length; i+=3) {
        var key=b64d[s[i]]+(b64d[s[i+1]]<<6)+(b64d[s[i+2]]<<12);
        word=key<256 ? String.fromCharCode(key) : d.has(key) ? d.get(key) : word+word.charAt(0);
        o.push(word);
        d.set(num++, prev+word.charAt(0));
        prev=word;
        if(num==(1<<18)-1) {
            d.clear();
            num=256;
        }
    }
    return decodeURIComponent(o.join(""));
}	
		
function pokazProjekty(){
   var url = "../services/lista.php";	
   var posting = $.post( url);
   posting.done(function( data ){
      $( "#projekty" ).empty().append( data );
	  $( "#projekty" ).find(".wczytaj").prepend(TxWczytaj).addClass('btn btn-success');
	  $( "#projekty" ).find(".usun").text(TxUsun).addClass('btn btn-danger');
   });
}	

function zapiszProjekt(){
	let lspamiec = localStorage.getItem("pamiec");
    if (lspamiec !== null) {
	
   var url = "../services/zapisz.php",
       tmplicznik = licznik,
	   lskolor=localStorage.getItem('lskolor');
       
        //let kod = lspamiec.compress();
     
     let kod = lzw64_encode(lspamiec);
	    
   var posting = $.post( url, {data1:kod, data2:tmplicznik, data3:lskolor, data4:nazwaplotu });
   posting.done(function( data ){
      pokazProjekty();
   });
	}
}

function zapiszShr(){
        
    console.log('sharing');
     
    
    zapiszLS();
    
    $('#sharelink').empty();
    $('#sharecopied').hide();
    
    $('.sharepanel .form-wrap').hide();
    $('.sharepanel p.loading').remove();
    $('.sharepanel').append('<p class="loading" style="text-align:center;"><img src="../img/delta-loader.gif" ></p>')
	
	var lspamiec = localStorage.getItem("pamiec");
   
    if (lspamiec !== null) {
	
   var url = "../services/zapisz-shr.php",
       tmplicznik = licznik,
	   lskolor=localStorage.getItem('lskolor');
                                      
         //let kod = lspamiec.compress();
      let kod = lzw64_encode(lspamiec);
	    
   var posting = $.post( url, {data1:kod, data2:tmplicznik, data3:lskolor, data4:nazwaplotu });
   posting.done(function( data ){
       $('#sharelink').val(document.location.protocol+"//"+host+"/3d/"+lang+"/"+nazwaplotu+","+data);
       $('.sharepanel p.loading').remove();
       $('.sharepanel .form-wrap').show();
   });
	}
}

function wczytajShr(secret){
    
  var url = "../services/wczytaj-shr.php", $pid = secret;
   var posting = $.post( url, {data1:$pid});
   posting.done(function(data){
      if(data!="brak"){
  
          if(data.length > 100) {

	   var tmp = JSON.parse(data);
	   
	   var lspamiec = decodeURIComponent(tmp["lspamiec"]);
        
         let kod = lspamiec.decompress();
     
     let checkcompress = kod.substring(0,3);

    if(checkcompress!="<Tr") kod = lzw64_decode(kod);
	 
	   localStorage.setItem('pamiec',kod);
	   localStorage.setItem('licznik',parseInt(tmp["lslicznik"]));
	   localStorage.setItem('lskolor',tmp["lskolor"]);
	   
	   localStorage.setItem('wersja',sesja+tmp["lsnazwaplotu"]);
		  
	 //  window.location.href = "../"+lang+"/"+tmp["lsnazwaplotu"];
        
        
              
              window.history.pushState({}, document.title, "/3d/" + lang+"/"+tmp["lsnazwaplotu"]);
              
              sharing = '0';
              wczytaj();
          
          }
	 
	  }
   });
    
}
        
function restart(){
  localStorage.removeItem('pamiec');
  localStorage.removeItem('licznik');
  localStorage.removeItem('lskolor');
  
  rozpocznij();
}


//start
$(document).on("click",".start",function(){
   // $('#camera').attr('set_bind','true');
    x3dElement.runtime.resetView();
    $('body').removeClass('bg-nacht');
        $(".tab").hide();
        $(".dopasuj").show();
 restart();
});

$(document).on("click",".powrot, div.mmenu",function(){
        
        $('#achtungclose').modal('show');
});
        
$(document).on("click",".wantclose",function(){
  localStorage.removeItem('pamiec');
  localStorage.removeItem('licznik');
  localStorage.removeItem('lskolor');
  localStorage.removeItem('wersja');
  window.location.href = '//'+host+'/'+lang+'/';
        });


		
$(document).on("click","a.usun",function(){

   if(confirm(TxSure)){
  var url = "../services/usun.php", $pid = $(this).data('id');
  var posting = $.post( url, {del:$pid});
   posting.done(function( data ){
      pokazProjekty();
   });
  }
})	

$(document).on("click","a.wczytaj",function(){
  var url = "../services/wczytaj.php", $pid = $(this).data('id');
  var posting = $.post( url, {data1:$pid});
   posting.done(function( data ){
      if(data!='brak'){
	   	   
	   
	   var tmp = JSON.parse(data);
	   
	  var lspamiec = decodeURIComponent(tmp["lspamiec"]);
        
        lspamiec= lspamiec.decompress();
     
     let checkcompress = lspamiec.substring(0,3);

    if(checkcompress!="<Tr") lspamiec = lzw64_decode(lspamiec);
	   
	 
	   localStorage.setItem('pamiec',lspamiec);
	   localStorage.setItem('licznik',parseInt(tmp["lslicznik"]));
	   localStorage.setItem('lskolor',tmp["lskolor"]);
	   
	   localStorage.setItem('wersja',sesja+tmp["lsnazwaplotu"]);
		  
	   //window.location.href = "../"+lang+"/"+tmp["lsnazwaplotu"];
          
       
         if(nazwaplotu == tmp["lsnazwaplotu"]) {
            window.history.pushState({}, document.title, "/3d/" + lang+"/"+tmp["lsnazwaplotu"]);   
             // sharing = '0';
              wczytaj();
      } else {
          
          window.location.href = "../"+lang+"/"+tmp["lsnazwaplotu"];
          
      }
	 
	  }
   });
})	
        
$(document).on("click","#przypomnij",function(){
$("#haslo").show();
$("#logowanie").hide();
$(".komunikat").empty().hide();
})

$(document).on("click",".anuluj",function(){
$("#haslo").hide();
$("#nowekonto").hide();
$(".komunikat").empty().hide();
$("#logowanie").show();
})
        
$(document).on("click",".kontaktdaten",function(){
$("#kontaktdaten").toggle();
})

$(document).on("click",".utworz",function(){
 $("#haslo").hide();
 $("#logowanie").hide();
 $("#nowekonto").show();
 $(".komunikat").empty().hide();  
})

$(document).on("click",".xx",function(){
 $.cookie('numer',69000);
 $("tr.brak").remove();
})

function wyloguj(){
  var url = "../services/logout.php",
  posting = $.post( url);
  posting.done(function( data ){
      if(data=='ok'){
		  $('#logowanie').show(); 
		  $('#zapisane-projekty').hide();
	  }
  });
}
        
var zajete=[];
var zajeteSlupy=[];



//rysuj
rysujTrawnik = function(){
        
   
    if(wczytywanie) return;
    
   var tabx = [], tabz=[]; 
  	
   zajete = [];
   zajeteSlupy = [];
    
   var modele = $("#w0__Scena").find('.model'); 
    
   var kula = modele.toArray();
    
   var zajety;
		
	for(var i in kula){
        
        
     var mat = kula[i]._x3domNode.getCurrentTransform();
        
      var odl = parseInt(kula[i].getAttribute('data-w'));
      var kz = mat['_00'].toFixed(0);
      var kx = mat['_20'].toFixed(0);
      var x = Number(mat['_03']).toFixed(0);
      var z = Number(mat['_23']).toFixed(0);
      var liczba= 0;
      
        
      if(kz==1){
         
          for (var j=0; j<=odl;j+=1){
              liczba= parseInt(z)+j;
              zajety = x+':'+liczba;
              zajete.push(zajety);
          }
          
      } else if(kz==-1){
         
          
          for (var j=0; j<=odl;j+=1){
              liczba= parseInt(z)-j;
              zajety = x+':'+liczba;
              zajete.push(zajety);
          }
          
      } else if(kx==1){
         
          
          for (var j=0; j<=odl;j+=1){
              liczba= parseInt(x)-j;
              zajety = liczba+':'+z;
              zajete.push(zajety);
          }
          
      } else if(kx==-1){
         
          
          for (var j=0; j<=odl;j+=1){
              liczba= parseInt(x)+j;
              zajety = liczba+':'+z;
              zajete.push(zajety);
          }
          
      }
	  
        
	  

	}
	
   var Okula = $("#w0__Scena").find('.slup'); 
    
   var kula = Okula.toArray();
		
	for(var i in kula){
	  mat = kula[i]._x3domNode.getCurrentTransform();
	  //cor = mat.multMatrixPnt(new x3dom.fields.SFVec3f(0, 0, 0));
	  var x = Number(mat['_03']).toFixed(0);
      var z = Number(mat['_23']).toFixed(0);
	  
	  if(x==-0) x=0;
	  if(z==-0) z=0;
	  
	  tabx.push(x);
	  tabz.push(z);
	  
	  zajeteSlupy.push(x+':'+z);

	}
	
	var xmax = Math.max.apply(Math,tabx); 
    var xmin = Math.min.apply(Math,tabx);
	var zmax = Math.max.apply(Math,tabz); 
    var zmin = Math.min.apply(Math,tabz); 
	
	var dl = parseInt((xmax - xmin)/1)+parseInt(gruboscslupa);
	var sz = parseInt((zmax - zmin)/1)+parseInt(gruboscslupa);
	
	var wys = 0;
        
    if (typeof slupdrewno === 'undefined') {
        
    } else {
        
        if(slupdrewno == 1) wys = -5;
    }
	
	var pz = zmin+(zmax - zmin)/2;
	var px = xmin + (xmax - xmin)/2;
    
    
	
	$("#w0__napis1").attr("translation",px+" "+wys+" "+(zmax+40) );
	$("#w0__napis2").attr("translation",(xmin-40)+" "+wys+" "+pz );
    
    $("#w0__napis1b").attr("translation",px+" "+wys+" "+(zmin-40) );
    $("#w0__napis2b").attr("translation",(xmax+40)+" "+wys+" "+pz );
	
	$(".wymiarx").attr("string",""+dl +"cm" );
    $(".wymiary").attr("string",""+sz +"cm" );
	
	 $('#swiat').attr('center',px+' 0 '+pz)
    
    //fitView();
	
	xmin = xmin-(25);
	xmax = xmax+(25);
	
	zmin = zmin-(25);
	zmax = zmax+(25);
	
	
	var pol = xmin+" "+wys+" "+zmax+" "+xmax+" "+wys+" "+zmax+" "+xmax+" "+wys+" "+zmin+" "+xmin+" "+wys+" "+zmin;
	
	$("#w0__wymiar").attr("point",pol);
    
    if($('body').hasClass('stepbystep')) {
        
        $('#iledl').attr('data-i',dl);
        $('#ilerazy').val(1);
        
            let res = (dl/100).toString();
            res = res.replace(".", ",");
            $('#iledl').text(res);
        
         //helpanimation();
    }
     
     nowywymiar();
		
    
}// /rysujtrawnik




var userAgent = navigator.userAgent || navigator.vendor || window.opera;


  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
       $(".capture").hide();
	   aspeed = 0.75;
	   bspeed = 0.1;
	   
	  
	   
	   
  }  else if( userAgent.match( /Android/i ) )
  {
     aspeed = 0.75;
	 bspeed = 0.1;
	 
  }
  


$(".popen").click(function(e){
$but = $(this);
$but.parent().find(".panel").toggleClass("close");
$but.parent().find(".ed").empty().hide();
});

$(".ed").click(function(e){
$but = $(this);
$but.parent().parent().toggleClass("close");
$but.empty().hide();
});

$( "#frmlog" ).submit(function( event ) {
   event.preventDefault();
   var $form = $( this ),
   term1 = $form.find( "input[name='user_name']" ).val(),
   term2 = $form.find( "input[name='user_pass']" ).val(),
   url = $form.attr( "action" );
   var posting = $.post( url, { data1: term1, data2:term2 } );
   posting.done(function( data ) {
	   if(data == "isok"){
	      $( ".komunikat" ).empty().hide();
	      $( "#zapisane-projekty" ).show();
	      $( "#logowanie" ).hide();
          pokazProjekty();
	   } else {
          $( ".komunikat" ).removeClass('positive');
	      $( ".komunikat" ).empty().append( TxIncorrectdata ).show();
	   }
   });
});	

$( "#frmedytujEmail" ).submit(function( event ) {
   event.preventDefault();
   var $form = $( this ),
   term1 = $form.find( "input[name='user_mail']" ).val(),
   url = $form.attr( "action" ),
   posting = $.post( url, { data1: term1} );
   posting.done(function( data ) {
	   if(data == "isok"){
	       $( ".c-mail-komunikat" ).empty().append( 'OK' ).show();
		 $( ".komunikat" ).addClass('positive');
		  
	   } else if(data == "duplikat"){
        $( ".komunikat" ).removeClass('positive');
	      $( ".c-mail-komunikat" ).empty().append( TxUserexist ).show();
	   }
   });
});			


$( "#frmhaslo" ).submit(function( event ) {
   event.preventDefault();
   var $form = $( this ),
   term1 = $form.find( "input[name='user_mail']" ).val(),
   url = $form.attr( "action" ),
   posting = $.post( url, { data1: term1} );
   posting.done(function( data ) {
	   if(data == "isok"){
	      $("#logowanie").show();
		  $("#haslo").hide();
		  $( ".komunikat" ).empty().append( TxHasloWyslane ).show();
		 $( ".komunikat" ).addClass('positive');
		  
	   } else {
	      $( ".komunikat" ).empty().append( TxBrakAdresu ).show();
        $( ".komunikat" ).removeClass('positive');
	   }
   });
});		
    
$( "#frmshare" ).submit(function( event ) {
   event.preventDefault();
   var $form = $( this );
   term1 = $form.find( "input[name='user_email']" ).val();
   term2 = $('#sharelink').val();
   url = $form.attr( "action" );
        
   term3 = $form.find( "input[name='sender_name']" ).val();     
   term4 = $form.find( "input[name='sender_email']" ).val();     
   term5 = $form.find( "input[name='sender_tel']" ).val();     
        
   posting = $.post( url, { data1: term1, data2: term2, data3: term3, data4: term4, data5: term5} );
   posting.done(function( data ) {
	   if(data == "isok"){
	      
		  $( ".komunikat" ).empty().append( TxEmailWyslany ).show();
           $( ".komunikat" ).addClass('positive');
		 
		  
	   } else {
	      $( ".komunikat" ).empty().append( data ).show();
        $( ".komunikat" ).removeClass('positive');
	   }
   });
});		

$( "#frmkonto" ).submit(function( event ) {
   event.preventDefault();
   var $form = $( this ),
   term1 = $form.find( "input[name='user_name']" ).val(),
   term2 = $form.find( "input[name='user_pass']" ).val(),
   termK = $form.find( "input[name='user_pass2']" ).val(),
   url = $form.attr( "action" );
   
   if(term2!=termK){
      $( ".komunikat" ).empty().append( TxPassnomatch ).show();
        $( ".komunikat" ).removeClass('positive');
   } else {
   
   var posting = $.post( url, { data1: term1, data2: term2} );
   posting.done(function( data ) {
	   if(data == "isok"){
	      $("#logowanie").show();
		  $("#haslo").hide();
		  $("#nowekonto").hide();
		  $( ".komunikat" ).empty().append( TxKontodone ).show();
          $( ".komunikat" ).addClass('positive');
	   } else  if(data == "jest"){
	      $( ".komunikat" ).empty().append( TxUserexist ).show();
         $( ".komunikat" ).removeClass('positive');
	   }
   });
   
   }
});	

$( "#frmedytujHaslo" ).submit(function( event ) {
   event.preventDefault();
   var $form = $( this ),
   term2 = $form.find( "input[name='user_pass']" ).val(),
   termK = $form.find( "input[name='user_pass2']" ).val(),
   url = $form.attr( "action" );
   
   if(term2!=termK){
      $( ".c-haslo" ).empty().append( TxPassnomatch ).show();
        $( ".komunikat" ).removeClass('positive');
   } else {
   
   var posting = $.post( url, { data1: term2} );
   posting.done(function( data ) {
	   if(data == "isok"){
	      $( ".c-haslo" ).empty().append( 'OK' ).show();
	   } else  {
	      $( ".c-haslo" ).empty().append( 'ERROR' ).show();
        $( ".komunikat" ).removeClass('positive');
	   }
   });
   
   }
});	

$(document).on("click","#usunKonto",function(){

   if(confirm(TxSure)){
  var url = "../services/c-usun.php";
  var posting = $.post( url, {data1:'del'});
   posting.done(function( data ){
      if(data == "isok"){
	      wyloguj();
	   }
   });
  }
})	

$( "#zapiszProjekt" ).click(function(){
	
	zapiszProjekt();
	
	});
	
$( "#wyloguj" ).click(function(){
	
	wyloguj();
	
	});	

$( ".przycisk" ).click(function() {
    wczytaj();
  });  
  
  $( ".suwak" ).click(function() {
	  
		  
    $('#pasekboczny').toggleClass('paletaon paletaoff');
  });
	
$('#color69304').toggleClass('active inactive');




        
        
        
//CERTY
        
$(".eyecloser").click(function(){
        pmenu('hide');
});
        
function ukryjpasek(){
if($('#pasekboczny').hasClass('paletaon'))  { 
  $('#pasekboczny').removeClass('paletaon').addClass('paletaoff');
  $('body').removeClass('fit');
  fitView();
 }
}

$(".pascloser").click(function(){
   ukryjpasek();
  $('.mainmenu .btn').removeClass('active');
});    
        
function pokazpasek(){
if($('#pasekboczny').hasClass('paletaoff'))  { 
$('#pasekboczny').removeClass('paletaoff').addClass('paletaon');
 $('body').addClass('fit');
 fitView();
} 
}
        
//END CERTY
    

    



$('.arfit').on('click',function(event){
        
        perspektywa();
        ukryjpasek();
        $('.mainmenu .btn').removeClass('active');
     $(this).addClass('active');  
        
    });

    


$('img.restart').on('touchstart touchmove mousedown',function(event){
    
    var e = event || window.event;
      e.preventDefault && e.preventDefault();
      e.stopPropagation && e.stopPropagation();
      e.cancelBubble = true;
      
    
    perspektywa();
    
   e.returnValue = false;
    return false;
    
});
    
$('img.switch').on('click',function(event){
    
    var e = event || window.event;
      e.preventDefault && e.preventDefault();
      e.stopPropagation && e.stopPropagation();
      e.cancelBubble = true;
      
    $('.rotacja').toggleClass('pan');
    
   e.returnValue = false;
    return false;
    
});
    


    

//screencapture
$(".capture").click(function(){
 var canvas = document.getElementById("x3dom-x3dElement-canvas"), ctx = canvas.getContext("2d");
canvas.toBlob(function(blob) {
    saveAs(blob, "Delta-Planer.png");
});
});

$(document).on("click",'#popvideo .close',( function(){ $('#popcontainer').hide(); }));
$(document).on("click",'#popbg',( function(){ $('#popcontainer').hide(); }));
$(document).on("click",'.helpmovie',( function(event){ 
    
    event.stopPropagation();
    event.preventDefault();
        
    let plik = "/movie/"+$(this).attr('data-m') + ".mp4";
   
    $("#delta-video").find('source').attr('src',plik);
    $("#delta-video")[0].load();
    $("#delta-video").get(0).currentTime = 0;
    $("#delta-video").get(0).play();
    
    $('#filmmenu').modal('hide');
        
    $('#popcontainer').show(); 
        
    
}));
        

        
function przygotujKoszyk($dane, $achtung=0){
        
var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", "/"+lang+"/warenkorb?adz=no");
my_tb=document.createElement('INPUT');
my_tb.type='hidden';
my_tb.name='dane';
my_tb.value= $dane;
form.appendChild(my_tb);
my_tb2=document.createElement('INPUT');
my_tb2.type='hidden';
my_tb2.name='plot';
my_tb2.value= nazwaplotu;
form.appendChild(my_tb2);
        
if($achtung !=0){
        
my_tb3=document.createElement('INPUT');
my_tb3.type='hidden';
my_tb3.name='achtung';
my_tb3.value= $achtung;
form.appendChild(my_tb3);       
        
}


function wyslijkoszyk(f) {
    f.target = 'okno-koszyk';
    f.submit();
    document.body.removeChild(f);
}
    
        document.body.appendChild(form); 
       
        let myPc = document.getElementById('mkoszyk');
        let iPc = bootstrap.Offcanvas.getOrCreateInstance(myPc);   
        iPc.show();
        
        
        
       wyslijkoszyk(form);
        
}// /przygotuj


$('#pasekboczny').append('<div class="tab tshare"></div>');

$("#sharebut").click(function(){
  var copyText = document.getElementById("sharelink");
  copyText.select();
  copyText.setSelectionRange(0, 99999)
  document.execCommand("copy");
  $('#sharecopied').show();
    
});

function fitView(){   
let obiekt = $('#start-slup')[0];
//document.getElementById('x3dElement').runtime.fitObject(obiekt);
setTimeout(function(){ document.getElementById('x3dElement').runtime.fitObject(obiekt); },500);
}

function eyePlus(){   
let obiekt = $('#'+aktywny)[0];
if(aktywny.indexOf('-slup') > 0 ) obiekt = shapeslup;    
document.getElementById('x3dElement').runtime.fitObject(obiekt);
}

$(document).on("click", ".eyeplus",  function(){eyePlus()});
$(document).on("click", ".eyeminus",  function(){fitView()});

var timeout;
 
 function x3domOnClickNavTool(e)
{
  if (e.target.className.indexOf('cnt-') === 0) {
    e.stopPropagation();
    x3domNavigateByButtons(e.target.className.replace('cnt-', ''));
  }
}


$(".rotary").bind('mousedown touchstart', function(event){
    var rotary = $(this).attr('data-rot');
    clearInterval(timeout);    
	timeout = setInterval(function(){
        x3domNavigateByButtons(rotary);
		event.preventDefault();
    }, 100);
})

const x3domButtonNavStep = 1 / 72;

function x3domNavigateByButtons(move)
{
  obroty = true;
    
    
  var rect, e, sx, sy, dx, dy;
    
  x3domContainer = document.getElementById('x3dElement');
    
  var x3dCanvas = x3domContainer.getElementsByTagName('CANVAS')[0];
  
    
  rect = x3domContainer.getBoundingClientRect();
  e = {
    clientX: Math.round((rect.left + rect.right) * 0.5),
    clientY: Math.round((rect.top + rect.bottom) * 0.5),
    altKey: false,
    ctrlKey: false,
    metaKey: false,
    shiftKey: false,
    button: 0,
    buttons: 1
  };
  sx = Math.round(x3domButtonNavStep * (rect.right - rect.left));
  sy = Math.round(x3domButtonNavStep * (rect.bottom - rect.top));
  dx = 0;
  dy = 0;
  switch(move) {
    case 'rotD': dy = sy; break;
    case 'rotU': dy = -sy; break;
    case 'rotR': dx = sx; break;
    case 'rotL': dx = -sx; break;
    case 'panD': e.ctrlKey = true; dy = sy; break;
    case 'panU': e.ctrlKey = true; dy = -sy; break;
    case 'panR': e.ctrlKey = true; dx = sx; break;
    case 'panL': e.ctrlKey = true; dx = -sx; break;
    case 'zoomO': e.altKey = true; dx = sx; break;
    case 'zoomI': e.altKey = true; dx = -sx; break;
    case 'show': fitView(); obroty = false; return;
    case 'orig': x3dElement.runtime.resetView(); return;
    default: return;
  }
  e.clientX -= dx;
    
  
  e.clientY -= dy;
  x3dCanvas.dispatchEvent(new MouseEvent('mousedown', e));
  x3dCanvas.dispatchEvent(new MouseEvent('mousemove', e));
  e.clientX += dx;
  e.clientY += dy;
  x3dCanvas.dispatchEvent(new MouseEvent('mousemove', e));
  e.buttons = 0;
  x3dCanvas.dispatchEvent(new MouseEvent('mouseup', e));
    
    
    
    obroty = false;
}

$(document).bind('mouseup  touchend mouseout keyup',function(){
    clearInterval(timeout);
    //return false;
});	

document.addEventListener('keydown', x3domOnKeyUp, true);

function x3domOnKeyUp(e)
{
    
if(document.activeElement.type=='radio') return;
        
  switch (e.key) {
    case 'ArrowUp':
      if (e.shiftKey)
        x3domNavigateByButtons('panU')
      else if (e.altKey)
        x3domNavigateByButtons('zoomI')
      else 
        x3domNavigateByButtons('rotU')
      break;
     case 'ArrowDown':
      if (e.shiftKey)
        x3domNavigateByButtons('panD')
     else if (e.altKey)
        x3domNavigateByButtons('zoomO')
      else 
        x3domNavigateByButtons('rotD')
      break;
    case 'ArrowLeft':
      if (e.shiftKey)
        x3domNavigateByButtons('panL')
      else 
        x3domNavigateByButtons('rotL')
        
      break;
    case 'ArrowRight':
      if (e.shiftKey)
        x3domNavigateByButtons('panR')
      else 
        x3domNavigateByButtons('rotR')
      break;
          
      case 'Delete':
       if($(".plot.dodatek.act.ba").length == 1 && (aktywny !== 'plot-Qr-1')) usunPlot();
     
      break;
  }
}

$(document).on("click",".kosz", function(){$(".plot.dodatek.act.ba").click();})

function perspektywa(){
    $("#faza").attr('set_bind','true');
    document.getElementById('x3dElement').runtime.resetView();
    fitView();
    document.getElementById('x3dElement').runtime.resetView();
    setTimeout(function(){ fitView(); },1000);   
}

function helpanimation(){
$(".ibutton.uruchom").addClass('ani');
setTimeout(function(){
 $(".ibutton.uruchom").removeClass('ani');
},8000);
}

$(".passicon").click(function() {

  $(this).toggleClass("off");
  var input = $(this).closest('form').find("input[name='user_pass']");
  if (input.attr("type") == "password") {
    input.attr("type", "text");
  } else {
    input.attr("type", "password");
  }
});

function imgPDF(){
    
 var imgUrl = document.getElementById("x3dElement").runtime.getScreenshot();
 var sim = new Image; sim.src = imgUrl;
 
 
var canvas = document.createElement('canvas');
canvas.id = "zrzut";
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var ctx = canvas.getContext("2d");


sim.onload = function(){
    
    var ratio = sim.width / sim.height ;
    var cw = 500*ratio;
    
     canvas.width=cw;
        canvas.height=500;
        ctx.drawImage(sim,0,0,sim.width,sim.height,0,0,cw,500);
    
     var img    = canvas.toDataURL("image/png");
    
    //document.write('<img src="'+img+'"/>');
        
        let nimg = img.replace('data:image/png;base64,','');
        
    $("iframe#okno-koszyk").contents().find('#zauncapture').val(nimg);
    console.log('fotodone');
    zaunlinkshare();
    //$("iframe#okno-koszyk").contents().find('body').html('<img src="'+img+'"/>');
   }
}//img pdf
     
     
     

function zaunlinkshare(){
 	var lspamiec = localStorage.getItem("pamiec");
   
    if (lspamiec !== null) {
	
   var url = "../services/zapisz-shr.php",
       tmplicznik = licznik,
	   lskolor=localStorage.getItem('lskolor');
     
 let kod = lzw64_encode(lspamiec);
     
try {
    myVal = encodeURIComponent(kod);
} catch (err) {
    kod = lspamiec;
    
}
     
	    
   var posting = $.post( url, {data1:kod, data2:tmplicznik, data3:lskolor, data4:nazwaplotu });
   posting.done(function( data ){
       
       let zaunlink = document.location.protocol+"//"+host+"/3d/"+lang+"/"+nazwaplotu+","+data;
        $("iframe#okno-koszyk").contents().find('#zaunlink').val(zaunlink);
       $("iframe#okno-koszyk").contents().find("#domapy").submit();
   });
	}
    
}

function linkshare(){    
    $("iframe#okno-koszyk").contents().find(".tytul").append('<p class="loading" style="text-align:center;"><img src="/3d/img/delta-loader.gif" ></p>');
    $("iframe#okno-koszyk").contents().find("#domapy").hide();
    imgPDF();
}
        
//menu OPCJE
$(".farby").click(function(){
    odznacz();
    showSlupClick();
    $("#pasekboczny").addClass('fit');
     pokazpasek();
    pmenu('hide');
    $('.mainmenu .btn').removeClass('active');
     $(this).addClass('active');   
});

$(".koszyk").click(function(){
   odznacz();
   wypelnijkoszyk();  
   pmenu('hide');
   
});

$(".user").click(function(){
  pmenu('hide');
 $('.tab').hide();
 $(".upanel").show();
 pokazpasek();
$('.mainmenu .btn').removeClass('active');
     $(this).addClass('active'); 
});

var sendenmail = "";

$(document).on("click",".share",function(){
pmenu('hide');
    sendenmail = "";
 $('.buttonshr').show();

$('.tab').hide();
 $( ".komunikat" ).empty().hide();
 zapiszShr(); 
 $(".sharepanel").show();
 pokazpasek();
        $('.mainmenu .btn').removeClass('active');
     $(this).addClass('active'); 
});

$(document).on("click",".buttonshr",function(){
    $(this).hide();
    sendenmail = $('.mailshr').val();
});

$(document).on("input",".mailshr",function(){
    if(sendenmail == $('.mailshr').val()) $('.buttonshr').hide();
    else $('.buttonshr').show();
    $(".komunikat").empty().hide();
});
     
     
 
//nowywymiar
function nowywymiar(){    
     
$('.newdim').remove();
        
     // return; //forprint
     
var Okula = $('.model[data-p!="sturmanker"][data-p!="plano"][data-p!="ledcolor"][data-p!="ledwhite"][data-p!="easywpc-mur-190"]');
    
    var kula = Okula.toArray();
		
	var modl=parseInt(gruboscslupa);
     
     if(nazwaplotu=='easy-fence' || nazwaplotu=='easy-boards' || nazwaplotu=='easy-rom'){
     
     if($('#start-slup').children('.l_strona').children().length == 1) modl = modl - 4;
     
    }
 
for(var i in kula){
     
  	//  var mat = kula[i]._x3domNode.getCurrentTransform();
        
     var odl = parseInt(kula[i].getAttribute('data-w'));
     var slup = $('#'+kula[i].id+'-slup');
        
     if(nazwaplotu=='bondo-wpc') odl = odl + 2;
     else if(nazwaplotu=='carys-wpc') odl = odl + 2;
     else if(nazwaplotu=='fabo') odl = odl + 1; 
     else if(nazwaplotu=='easy-fence' || nazwaplotu=='easy-boards' || nazwaplotu=='easy-rom'){
        
      if($('#'+kula[i].id).hasClass('uchwytl')) odl = odl + 3;
      if($('#'+kula[i].id).hasClass('uchwytr')) odl = odl + 3;
        
        }
     
     modl = modl + odl+parseInt(gruboscslupa); 
     
     if(slup.attr('data-hr') < 80 || (slup.attr('data-hf') > 80) || (slup.attr('data-hb') > 80)){
     
     if(modl > 0){
         
     let rotation = "1 0 0 -1.571";
     
     let ndimx = -18;
     let ndimz = 0-modl/2;
        
        
    
     
     
     if(nazwaplotu=='easy-fence' || nazwaplotu=='easy-boards' || nazwaplotu=='easy-rom'){
     
     
     if(slup.children('.r_strona').children().length == 1){
     
     let sciana = slup.children('.r_strona').find('.model').attr('data-p');
        
        if(sciana.indexOf('mur')!=-1) {
             
            modl = modl -4;
                       
        }
     
     }}
 
let podmurek=''; let wymiarbialy = '0 0 1.5';       
if (window.hasOwnProperty('jestmauer') && jestmauer != 'off') {
          
podmurek = `<Group class="podmurowka"><Transform  rotation="`+rotation+`" ><Transform translation="3.5 17.85 -18">
<Shape isPickable="false"><Appearance><imagetexture  url='"maps/tynk.jpg"' origChannelCount='1.0'  />
<Material  diffuseColor="#aaaaaa"   specularColor="#111111"  emissiveColor="0 0 0" ambientIntensity="0" shininess="0" transparency="0" /></Appearance>
<box size="`+(modl+13)+` 20 30" /></Shape></Transform></Transform></Group>`;
        
wymiarbialy = '0 -30 1.5';        
        
        }        
        
        

     
$('#'+kula[i].id+'-slup').append(`<Transform  translation="`+ndimx+` 2 ` +ndimz+`" class="newdim" rotation="0 1 0 -1.57">
<Transform  scale="19 19 19" rotation="`+rotation+`" center="0 0 0" translation="`+wymiarbialy+`" >
<Shape><Appearance><Material diffuseColor="#f0f0f0"></Material></Appearance><Text  string='`+modl+` cm' solid='true' lit="false"><FontStyle family="Arial" /></Text></Shape>
</Transform>`+podmurek+`</Transform>`);
     }
     
 modl=parseInt(gruboscslupa);
     
     }
}
}
     

//blokady
sprawdzBlokady = function(aktywny, strona, start){
	
	var pole = $('#'+aktywny).children(strona);
   var kula = pole.toArray();
  
   var mat = kula[0]._x3domNode.getCurrentTransform();
   var kz = mat['_00'].toFixed(0), kx=mat['_20'].toFixed(0);
    
   
   
   pole = $('#'+aktywny);
   kula = pole.toArray();
  
   mat = kula[0]._x3domNode.getCurrentTransform();
  
   console.log(mat['_03'].toFixed(0)+':'+mat['_23'].toFixed(0));
   
   var x = parseInt(mat['_03'].toFixed(0)), z = parseInt(mat['_23'].toFixed(0));
   
    var nastepny = '',dx=x+9;dz=z+9;
    var wynik = -1;
	var robo = '';
	
   if(kz == 1) {
	          
       for (var j=9;j<190;j+=1){
           dz = z+j;
           nastepny = x+':'+dz;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stopz1'+j);
               wynik = j;
			   robo = nastepny;
			 
               break;
           }
           nastepny = dx+':'+dz;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stopz2'+j);
               wynik = j;
			   robo =  nastepny;
			  
               break;
           }
       }
       
     
   } else if(kz == -1) {
	    for (var j=9;j<190;j+=1){
           dz = z-j;
           nastepny = x+':'+dz;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stop'+j);
               wynik = j;
			   robo = nastepny;
               break;
           }
           nastepny = dx+':'+dz;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stop'+j);
               wynik = j;
			   robo = nastepny;
               break;
           }
       }
	   
   } else if(kx == 1) {
       
       //dz = z - 9;
	   
	   for (var j=9;j<190;j+=1){
           dx = x-j;
           nastepny = dx+':'+z;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stop'+j);
               wynik = j;
			   robo = nastepny;
               break;
           }
           nastepny = dx+':'+dz;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stop'+j);
               wynik = j;
			   robo = nastepny;
               break;
           }
       }
	   
   } else if(kx == -1) {
       
      // dz = z - 9;
	   
	   for (var j=9;j<190;j+=1){
           dx = x+j;
           nastepny = dx+':'+z;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stop'+j);
               wynik = j;
			   robo = nastepny;
               break;
           }
           nastepny = dx+':'+dz;
           if(zajete.indexOf(nastepny)!=-1){
               console.log('stop'+j);
               wynik = j;
			   robo = nastepny;
               break;
           }
       }
   }
    
    
    if(wynik>0){
		
		 wynik = wynik + start;
		 
		        
        if(wynik<70) {
            $('.plot.dodatek').removeClass('act');
            
	   	   
	    } else if(wynik<100) {
            $('.plot.dodatek').removeClass('act');
            if ($('#'+aktywny).hasClass('slup-180')) {
            $('.plot.dodatek[data-w="60"]').addClass('act');
            }
			
            
        } else if(wynik<130) {
            $('.plot.dodatek[data-w="120"]').removeClass('act');
            $('.plot.dodatek[data-w="180"]').removeClass('act');
            			
        } else if(wynik<190) {
            $('.plot.dodatek[data-w="180"]').removeClass('act');
        }
		
		if(zajeteSlupy.indexOf(robo)!=-1) {
		   
		if(wynik == 69) {  $('.plot.dodatek[data-w="60"]').addClass('act'); }
		else if(wynik == 99) {  $('.plot.dodatek[data-w="90"]').addClass('act'); }
		else if(wynik == 129) {  $('.plot.dodatek[data-w="120"]').addClass('act'); }
		else if(wynik == 189) {  $('.plot.dodatek[data-w="180"]').addClass('act'); }
            
            stopSlup = wynik;
		
		}
		
		tmp = $('.plot.act');
		
        
    }//wynik > 0

}
        
//start podaj dl plotu
function rysujilekontener(){
var startzaundl = 180;
if(nazwaplotu=='easy-fence' || nazwaplotu=='easy-boards' || nazwaplotu=='easy-rom') startzaundl = 177;
else if(nazwaplotu=='bondo-wpc') startzaundl = 182;
else if(nazwaplotu=='carys-wpc') startzaundl = 182;

$(document).on('click', '.ilerazy.plus' ,function (event) {    
        let dl = $('#ilerazy').val();
        let dlugosc = parseInt($('#iledl').attr('data-i'));
        
        dl++;
        if(dl > 40) dl = 40;
        else {
        
           $('#ilerazy').val(dl);
        
          dlugosc = dlugosc + startzaundl + parseInt(gruboscslupa);
        
        $('#iledl').attr('data-i',dlugosc);
        let res = (dlugosc/100).toString();
            res = res.replace(".", ",");
                  
            $('#iledl').text(res);

            }
        
        });
    
   $(document).on('click', '.ilerazy.minus' ,function (event) {    
           
        let dl = $('#ilerazy').val();
        let dlugosc = parseInt($('#iledl').attr('data-i'));
        
        dl--;
        if(dl < 1) dl = 1;
        else {
            $('#ilerazy').val(dl);
             dlugosc = dlugosc - startzaundl - parseInt(gruboscslupa);
            
            $('#iledl').attr('data-i',dlugosc);
            let res = (dlugosc/100).toString();
            res = res.replace(".", ",");
            $('#iledl').text(res);
            
        }
        
        });
    
    
 $(document).on('click', '#uruchomkonfiguracje' ,function (event) { 
    
        ilerazy = $('#ilerazy').val();
                  
        if(ilerazy > 1) {
            ilerazy--;
            uruchomKonfiguracje();
            
            } else {
                ekran2();
                }
        });
            

    dd = $('<div class="ilekontener steponly"></div>');
    dd.append('<h5>'+TxPodajLiczbePrzesel+'</h5><img src="../img/anleitung.svg"  class="helper big helpmovie"  data-m="7a">');
dd.append('<div class="d-flex justify-content-center mb-2"><button type="button" class="btn btn-outline-secondary ilerazy minus">-</button><input type="text" id="ilerazy" value="1" disabled><button type="button" class="btn ilerazy plus btn-outline-secondary">+</button></div><div><p>'+TxDlugoscPlotu+' ca. <span id="iledl" data-i="191">191</span> m</p></div>');
    
     dd.append('<button type="button" id="uruchomkonfiguracje" class="ibutton uruchom ani">START</button>');
            
    if(nazwaplotu=='easy-fence'){
        dd.append('<div style="height:30px">&nbsp;</div>');
     dd.append('<p><img src="../img/saw.svg" width="100"></p>');
     dd.append('<p>'+TxPrzyciecie+'</p>');
            }
    $(".kolory").prepend(dd);
        
         dd = $('<div class="d-grid position-relative"><button class="btn btn-warning text-start newhelp mb-1" type="button" data-bs-toggle="modal" data-bs-target="#instrukcja">KURZANLEITUNG <img src="../img/info.svg" class="infoicon position-absolute"></button></div>');
    
    $(".kolory").prepend(dd);
        
    $(".kolory .accordion-button span").each(function(nr){$(this).text(nr+1);});
    
    $(".kolory").append('<div style="clear:both;margin-bottom:200px;">&nbsp;</div>');
     
    
    
     $('#pasekboczny').css('background','#fff');
        
   
        
} // /rysuj ile kontener
        
        
//ODZNACZ
function odznaczPlot(){
        
        $('#start-slup .redbox[transparency="0.5"]').attr('transparency','1');
        
    if(aktywny.indexOf('-slup')!=-1) return;
    
    $('#'+aktywny).find('.deska').find('Material').attr({diffuseColor:kolor['md'],specularColor:kolor['ms']});
    
     
    $('#w0__fencekosz').remove(); 
    $('#w0__fencetor').remove(); 
}
        
function odznacz(){
if(aktywny!=''){
      
        //odznacz plotu
        odznaczPlot();
        
            
        //odznacz i ukryj arrow
        $('#'+aktywny).children('group').find('Material').attr({diffuseColor:'#aaa'});
        $('#'+aktywny).children('group').children('.arrow').attr('render','false');
        
        
        //odznacz slup
      
        $('#start-slup .slupredbox[transparency="0.5"]').attr('transparency','1');
       
	     if(aktywny.indexOf('-slup')==-1){
        //odznacz i ukryj arrow
        $('#'+aktywny+"-slup").children('group').find('Material').attr({diffuseColor:'#aaa'});
        $('#'+aktywny+"-slup").children('group').children('.arrow').attr('render','false');
        }
        
        $('.oczy').hide();
        
        aktywny = '';
        
        }
    $('.akcesoria .ba').removeClass('ba');
  }
        



function wskazFence(event){
    let activeid = '#'+aktywny.replace('-slup','');
    $(activeid).click();
};
        

function fenceBin(){
       
        let niko = $('#w0__fencekosz');
        let wys = '205';
        if (window.hasOwnProperty('extra') && extra == 'on') {
          wys = '230';
        }
        if(!niko.length) niko = '<Transform id="w0__fencekosz" render="true" rotation="0 0 1 1.5708" translation="0 '+wys+' 0"><Shape onclick="usunPlot()"><Appearance><ImageTexture USE="fencebin"/><TextureTransform scale="1 1"/><Material diffuseColor="#fff" transparency="0" /></Appearance><Cylinder radius="18" height=".5"  /></Shape></Transform>';
        $('#'+aktywny).append(niko);     
        var fencedl = $('#'+aktywny).attr('data-w')/2;
        $('#w0__fencekosz').attr('translation','0 '+wys+' '+fencedl);
        if($('#'+aktywny).attr('data-p')=='sturmanker') $('#w0__fencekosz').attr('rotation','1 1 1 2.1');
        else if($('#'+aktywny).attr('data-p')=='plano') $('#w0__fencekosz').attr('rotation','1 1 1 2.1');
        else if($('#'+aktywny).attr('data-p')=='easywpc-mur-235')$('#w0__fencekosz').attr('translation','0 255 '+fencedl);
        else if($('#'+aktywny).attr('data-p')=='easywpc-mur-190')$('#w0__fencekosz').attr('translation','0 230 '+fencedl);
  
     }
        

        
function pmenu(stan){
let myPc = document.getElementById('pmenu');
let iPc = bootstrap.Offcanvas.getOrCreateInstance(myPc);   
iPc[stan]();
}
        
var myOffcanvas = document.getElementById('pmenu')
myOffcanvas.addEventListener('hide.bs.offcanvas', function () {
  odznacz();
  $('.tab').hide();
  $('.dopasuj').show();
  $('#bus2').click();
})
        
//schrag    
function schragOpcje(event){
    
let rodzicSlup = $('#'+aktywny).closest('.slup'); 
let slup =  $('#'+aktywny).siblings('.slup');  

let w1 = rodzicSlup.attr('data-hr')
let w2 = slup.attr('data-hl');
    
let skala = $('#'+aktywny).children('.canflip').attr('scale');
if(skala == '1 1 1') skala = '1 1 -1';
else skala = '1 1 1';
    
$('#'+aktywny).children('.canflip').attr('scale',skala);
    
rodzicSlup.attr('data-hr',w2);
slup.attr('data-hl',w1);
    
podmienSlup2(rodzicSlup);
podmienSlup2(slup);
    
zapiszLS();
if(event) event.stopPropagation();
}