if (!gwpstyle) { var gwpstyle = document.createElement('style'); gwpstyle.textContent = ' .gwp-div { clear: both; position:relative; } .sm-gwp-img-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; width: 100%; overflow-y: auto; max-height:300px; } .gwp-opt { box-sizing: border-box; text-align: center; border:2px solid transparent; padding:1px; margin:0px; border-radius:7px; overflow-x:hidden; position: relative; } .gwp-opt:hover { border-top:0px solid #EEEEEE; padding:1px; } .gwp-opt:hover .gwp-opt-name { padding-top:2px; } .gwp-opt-sel:hover .gwp-opt-name { padding-top: 0px; } .gwp-opt-sel { border:2px solid #777777 !important; padding:1px; } .gwp-opt-sel:hover { padding:1px; } .gwp-opt-name { text-align: center; width: 100%; } .gwp-opt-unavailable img { filter: grayscale(100%); } .gwp-opt-title { min-height: 1em; padding: 11px 0px; } .gwp-opt-prev { position:relative; width: 100%; } .gwp-opt-prev div { position:absolute; left:-305px; width:300px; display:none; z-index:1000; border:1px solid #bcbcbc; background-color:#FFFFFF; box-shadow:3px 3px 6px #AAAAAA; } .gwp-opt img { cursor:pointer; border-radius:7px; } .gwp-opt-more { position:relative; cursor:pointer; border-radius:7px; border:1px solid #888888; color:#888888; padding-top:100%; } .gwp-opt-more div { font-size:14px; text-align:center; line-height:12px; position:absolute; top:50%; left:0px; width:100%; margin-top:-0.5em; } .gwp-opt-prev-title { display: block; text-align: center; } .gwp-opt-title { font-weight:bold; padding: 0px 20px; display: inline-block; }'; document.head.appendChild(gwpstyle); } gwpNo = {2436: "1", 2437: "1", 2438: "1", 2439: "1", 2440: "1", 2441: "1", 2442: "1", 2443: "1", 2444: "1", 2445: "1", 2446: "1", 2447: "1", 2448: "1", 2449: "1", 2450: "1", 2451: "1", 2452: "1", 2453: "1", 2454: "1", 2455: "1", 2456: "1", 2457: "1", 2458: "1", 2459: "1", 2460: "1", 2461: "1", 2462: "1", 2463: "1", 2464: "1", 2465: "1", 2466: "1", 2467: "1", 2468: "1", 2469: "1", 2470: "1", 2471: "1", 2472: "1", 2473: "1", 2474: "1", 2475: "1", 2476: "1", 2477: "1", 2478: "1", 2479: "1", 2480: "1", 2481: "1", 2482: "1", 2483: "1", 2484: "1", 2485: "1", 2486: "1", 2487: "1", 2488: "1", 2489: "1", 2490: "1", 2491: "1", 2492: "1", 2493: "1", 2494: "1", 2495: "1", 2496: "1", 2497: "1", 2498: "1", 2499: "1", 2500: "1", 2501: "1", 2502: "1", 2503: "1", 2504: "1", 2505: "1", 2506: "1", 2507: "1", 2508: "1", 2509: "1", 2510: "1", 2511: "1", 2512: "1", 2513: "1", 2514: "1", 2515: "1", 2516: "1", 2517: "1", 2518: "1", 2519: "1", 2520: "1", 2521: "1", 2522: "1", 2523: "1", 2524: "1", 2525: "1", 2526: "1", 2527: "1", 2528: "1", 2529: "1", 2530: "1", 2531: "1", 2532: "1", 2533: "1", 2534: "1", 2535: "1", 2536: "1", 2537: "1", 2538: "1", 2539: "1", 2540: "1", 2541: "1", 2542: "1", 2543: "1", 2544: "1", 2545: "1", 2546: "1", 2547: "1", 2548: "1", 2549: "1", 2550: "1", 2551: "1", 2552: "1", 2553: "1", 2554: "1", 2555: "1", 2556: "1", 2557: "1", 2558: "1", 2559: "1", 2560: "1", 2561: "1", 2562: "1", 2563: "1", 2564: "1", 2565: "1", 2566: "1", 2567: "1", 2568: "1", 2569: "1", 2571: "1", 2572: "1", 2573: "1", 2574: "1", 2575: "1", 2576: "2", 2577: "1", 2578: "1", 2579: "1", 2580: "1", 2581: "1", 2582: "1", 2583: "1", 2584: "1", 2585: "1", 2586: "1", 2587: "1", 2588: "1", 2589: "1", 2590: "1", 2591: "1", 2592: "1", 2593: "1", 2594: "1", 2595: "1", 2596: "1", 2597: "1", 2598: "1", 2599: "1", 2600: "1", 2601: "1", 2602: "1", 2603: "1", 2604: "1", 2605: "1", 2606: "1", 2607: "1", 2608: "1", 2609: "1", 2610: "1", 2611: "1", 2612: "1", 2613: "1", 2614: "1", 2615: "1", 2616: "1", 2617: "1", 2618: "1", 2619: "1", 2620: "1", 2621: "1", 2622: "1", 2623: "1", 2624: "1", 2625: "1", 2626: "1", 2627: "1", 2628: "1", 2629: "1", 2630: "1", 2631: "1", 2632: "1", 2633: "1", 2634: "1", 2635: "1", 2636: "1", 2637: "1", 2638: "1", 2639: "1", 2640: "1", 2641: "1", 2642: "1", 2643: "1", 2644: "1", 2645: "1", 2646: "1", 2647: "1", 2648: "1", 2649: "1", 2650: "1", 2651: "1", 2652: "1", 2653: "1", 2654: "1", 2656: "1", 2655: "1", 2657: "1", 2658: "1", 2659: "1", 2660: "1", 2661: "1", 2662: "1", 2663: "1", 2664: "1", 2665: "1", 2666: "1", 2667: "1", 2668: "1", 2669: "1", 2670: "1", 2671: "1", 2672: "1", 2673: "1", 2674: "1", 2675: "1", 2676: "1", 2677: "1", 2678: "1", 2679: "1", 2680: "1", 2681: "1", 2682: "1", 2683: "1", 2684: "1", 2685: "1", 2686: "1", 2687: "1", 2688: "1", 2689: "1", 2690: "1", 2691: "1", 2692: "2", 2693: "1", 2702: "1", 2703: "1", 2694: "1", 2695: "1", 2696: "1", 2697: "1", 2698: "1", 2699: "1", 2700: "1", 2701: "1", 2711: "1", 2712: "1", 2713: "1", 2714: "1", 2715: "1", 2716: "1", 2717: "1", 2718: "1", 2719: "1", 2720: "1", 2721: "1", 2722: "1", 2723: "1", 2724: "1", 2725: "1", 2726: "1", 2727: "1", 2728: "1", 2729: "1", 2730: "1", 2731: "1", 2732: "1", 2733: "1", 2736: "2", 2737: "2", 2738: "2", 2739: "2", 2740: "1", 2741: "1", 2742: "1", 2743: "1", 2744: "1", 2745: "1", 2746: "1", 2747: "1", 2748: "1", 2749: "1", 2750: "1", 2751: "1", 2752: "1", 2753: "1", 2754: "1", 2755: "1", 2756: "1", 2757: "1", 2758: "1", 2759: "1", 2760: "1", 2761: "1", 2762: "1", 2763: "1", 2764: "1", 2765: "1", 2766: "1", 2767: "1", 2768: "1", 2769: "1", 2770: "1", 2771: "1", 2772: "1", 2773: "1", 2774: "1", 2775: "1", 2776: "1", 2777: "1", 2778: "1", 2779: "1", 2780: "1", 2781: "1", 2782: "1", 2783: "1", 2793: "1", 2794: "1", 2795: "1", 2796: "1", 2797: "1", 2788: "1", 2789: "1", 2790: "1", 2791: "1", 2792: "1", 2801: "1", 2802: "1", 2803: "1", 2804: "1", 2805: "1", 2806: "1", 2807: "1", 2808: "1", 2809: "1", 2810: "1", 2811: "1", 2812: "1", };var opt_list = [493,494,495,496,499,500,502,505,507]; var more_txt = [], less_txt = [], optTmp = [], optTmpVal = [], isStock = 0; var changeStock = 0; var sid = '363'; var gwpurl = 'https://gwp.brweb.pl/i/363/'; var imgLimit = '6'; var moreLabel = 'Zobacz więcej'; var lessLabel = 'Zobacz mniej'; var showMLcnt = 0; var prevMopen = ''; var selectLangVal = ['','wybierz','choose','wählen','Vybrat','vali','izvēlēties','pasirinkti','választ','vyberte si','вибрати','-1']; function oClick(e,type) { if (type == 'S') { selectClick(e); } else { radioClick(e); } setTimeout(showGWP,500); } function setValToInput(optInput,optValue) { if (optInput) { optInput.value = optValue; } else { setTimeout(function() { setValToInput(optInput,optValue); }, 500); } } function selectClick(e) { var id = e.id; var aId = id.split('__'); var optId = aId[0].replace('option_',''); var srl = document.getElementsByName(aId[0]); var sr = null; var optInput = null; var optValue = null; for( var k = 0; k < srl.length; k++){ if (srl[k].tagName == 'H-DROPDOWN-CONTENT') { sr = srl[k]; } if (srl[k].tagName == 'INPUT') { optInput = srl[k]; } } if (sr == null) { srl[1].click(); setTimeout(function() { selectClick(e); }, 500); return false; } sr = document.getElementsByTagName('H-OPTION'); for( var k = 0; k < sr.length; k++){ if (sr[k].value == aId[1]) { sr[k].click(); optValue = aId[1]; setValToInput(optInput,optValue); var aSO = aId[0].split('_'); var soptid = aSO[1]; if (document.getElementById('gwp_div_title_'+soptid)) document.getElementById('gwp_div_title_'+soptid).innerHTML = e.title; } } var c = document.getElementsByClassName('c_' + aId[0]); for( var i = 0; i < c.length; i++){ c[i].parentElement.className = c[i].parentElement.className.replace(' gwp-opt-sel'); if ( c[i].id == id ) { c[i].parentElement.className = c[i].parentElement.className + ' gwp-opt-sel'; } } } function radioClick(e) { var id = e.id; var aId = id.split('__'); document.getElementById(aId[0].replaceAll('_','-')+'-'+aId[1]).click(); var aSO = aId[0].split('_'); var soptid = aSO[1]; if (document.getElementById('gwp_div_title_'+soptid)) document.getElementById('gwp_div_title_'+soptid).innerHTML = e.title; var c = document.getElementsByClassName('c_' + aId[0]); for( var i = 0; i < c.length; i++){ c[i].parentElement.className = c[i].parentElement.className.replace(' gwp-opt-sel',''); if ( c[i].id == id ) c[i].parentElement.className = c[i].parentElement.className + ' gwp-opt-sel'; } } function gwpMore(oid) { var h = document.getElementsByClassName('gwpHidden'+oid); var type = more_txt[oid] == document.getElementById('gwp_more'+oid).innerHTML ? 'block' : 'none'; for( var i = 0; i < h.length; i++){ h[i].style.display = (h[i].className == 'gwp-opt gwpHidden'+oid+' gwp-opt-sel') ? 'block' : type; } document.getElementById('gwp_more'+oid).innerHTML = type == 'block' ? less_txt[oid] : more_txt[oid] ; } function showGWP() { var isLoading = 0; var isDiff = 0; opt_list.forEach(function(opt_id) { var pv = document.getElementsByTagName('product-variants')[0]; var radiov = ''; var srl = document.getElementsByName('option_'+opt_id); if (pv && srl.length == 0) { radiov = '_'+pv.getAttribute("product-instance-key"); srl = document.getElementsByName('option_'+opt_id+radiov); } if (srl.length == 0) { return; } var optValue = ''; var sr = null; if (srl[0].tagName == 'H-DROPDOWN') { srl[0].style.display = 'none'; var smain = srl[0].parentElement.parentElement.parentElement.parentElement; for( var k = 0; k < srl.length; k++){ if (srl[k].tagName == 'H-DROPDOWN-CONTENT') { sr = srl[k]; } if (srl[k].tagName == 'INPUT') { optValue = srl[k].value; } } if (sr == null) { srl[1].click(); setTimeout(function() { var srl = document.getElementsByName('option_'+opt_id); for( var k = 0; k < srl.length; k++){ if (srl[k].tagName == 'H-DROPDOWN-CONTENT') { sr = srl[k]; } if (srl[k].tagName == 'INPUT') { optValue = srl[k].value; } } }, 500); } var optType = 'S'; var s = sr; var c = sr.getElementsByTagName('h-option'); } else { var optType = 'R'; var s = srl[0].parentElement.parentElement.parentElement.parentElement; var smain = srl[0].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; if (sid == 388 || sid == 497 || sid == 562 || sid == 588) { s = srl[0].parentElement.parentElement.parentElement.parentElement.parentElement; smain = srl[0].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; } s.parentElement.style.display = 'none'; var c = srl; for( var j = 0; j < c.length; j++){ if (c[j].checked == true) { optValue = c[j].dataset.userValue; } } } isDiff = (!optTmp[opt_id] || optTmp[opt_id] != s.innerText.replace(/\s+/g, '') || (sid != 367 && optTmpVal[opt_id] != optValue)) ? 1 : 0; if (sid == 562) { isDiff = (!optTmp[opt_id] || optTmp[opt_id] != s.innerHTML.replace(/\s+/g, '') || (optTmpVal[opt_id] != optValue)) ? 1 : 0; } if (smain.getAttribute("stock-order") > 0 && smain.className.indexOf('loading') != -1) { isLoading++; } if (isDiff == 1 || changeStock == 1) { var sOptions = '', sPreview = '', sTitle = ''; var imgNo = 0; var optCnt = (optType == 'S') ? c.length : c.length; if (optType == 'R') { for( var j = 0; j < c.length; j++){ if (c[j].parentElement.getAttribute("hidden") != null) { optCnt--; } } } more_txt[opt_id] = moreLabel + (showMLcnt == 1 ? (optCnt - imgLimit + 1) : ''); less_txt[opt_id] = lessLabel + (showMLcnt == 1 ? (optCnt - imgLimit + 1) : ''); var smTitle = ''; for( var j = 0; j< c.length; j++){ if (!selectLangVal.includes(c[j].value) && c[j].parentElement.className != 'radio-wrap none' && !c[j].hidden) { imgNo++; var smIsSelect = ((optType == 'S' && (optValue == c[j].value)) || (optType == 'R' && c[j].checked == true)) ? 1 : 0; smItenSelect = smIsSelect == 1 ? ' gwp-opt-sel' : ''; smItenDisplay = (imgNo < imgLimit || (imgNo == imgLimit && imgNo == optCnt)) ? 'block' : 'none'; var lastOpt = (imgNo == imgLimit - 1) ? '!important' : ''; var lastOptClass = (imgNo == imgLimit - 1) ? ' toHidden ' : ''; var lastOptId = (imgNo == imgLimit - 1) ? ' id="gwp_loi_'+oId+'" ' : ''; if (smIsSelect == 1) { smItenDisplay = 'block'; if (imgNo > imgLimit || (imgNo == imgLimit && imgNo < optCnt)) { sOptions = sOptions.replace('block!important','none'); sOptions = sOptions.replace('toHidden','gwpHidden'+opt_id); } } smItenHidden = (imgNo > imgLimit || (imgNo == imgLimit && imgNo != optCnt)) ? ' gwpHidden'+opt_id+' ' : ''; oName = c[j].dataset.userValue ; var smItemUnavailable = (c[j].hasAttribute('data-option-value-unavailable')) ? ' gwp-opt-unavailable' : ''; if (c[j].dataset.priceModifier && c[j].dataset.priceModifier != '') { oName += ' (' + c[j].dataset.priceModifier + ')'; } oId = (optType == 'S') ? s.name : c[j].name; if (smItenSelect == ' gwp-opt-sel') { smTitle = oName; } sOptions += '