jQuery(document).on(“wheel”, “input[type=number]”, function (e) {
jQuery(this).blur();
});
var preventdel = 0;
function removeframe() {
jQuery(“#zoomframecontainer”).remove();
window.location = “#default”;
}
window.onhashchange = function() {
if (jQuery(“#zoomframecontainer”).length > 0 && preventdel != 1) {
removeframe();
}
}
function matenpopup() {
jQuery(“.matenok”).hide();
jQuery(“.matennietok”).show();
jQuery(“#popup”).fadeIn(300);
var modal = document.getElementById(“popup”);
var span = document.getElementsByClassName(“close”)[0];
span.onclick = function() {
jQuery(“body, html”).css(“overflow-y”, “visible”);
jQuery(“#popup”).fadeOut(300);
}
window.onclick = function(event) {
if (event.target == modal) {
jQuery(“body, html”).css(“overflow-y”, “visible”);
jQuery(“#popup”).fadeOut(300);
}
}
berekenmaten();
jQuery(“body, html”).css(“overflow-y”, “hidden”);
document.getElementById(“popup”).scrollTop = 0;
}
jQuery(“.updatetotalematen”).click(function() { berekenmaten() });
function berekenmaten() {
if (Number(jQuery(“#gatbreedte”).val()) < 868 || Number(jQuery("#gatbreedte").val()) > 4300 || Number(jQuery(“#gathoogte”).val()) < 820 || Number(jQuery("#gathoogte").val()) > 3140) {
jQuery(“.matenok”).hide();
jQuery(“.matennietok”).show();
} else {
jQuery(“.matenok”).show();
jQuery(“.matennietok”).hide();
var gatbreedte = Number(jQuery(“#gatbreedte”).val());
var gathoogte = Number(jQuery(“#gathoogte”).val());
var kapmaat = 300;
function bereken77() {
// 77
if ((gathoogte + 300) < 2300) {
kapmaat = 300;
} else if ((gatbreedte + 180) < 3500 && (gathoogte + 300) < 2600) {
kapmaat = 300;
} else if ((gatbreedte + 180) < 3300 && (gathoogte + 300) < 3000) {
kapmaat = 300;
} else {
kapmaat = 360;
}
jQuery("#totalebreedte").html(gatbreedte + 185);
jQuery("#totalehoogte").html(gathoogte + kapmaat);
}
if (jQuery(".lamel").eq(1).is(":checked")) {
bereken77();
} else {
// 55
if ((gathoogte + 180) <= 1500) {
kapmaat = 180;
} else if ((gathoogte + 205) > 1500 && (gathoogte + 205) <= 2000) {
kapmaat = 205;
} else if ((gathoogte + 250) > 2000 && (gathoogte + 250) <= 3200) {
kapmaat = 250;
} else {
kapmaat = 300;
}
var totalebreedte = gatbreedte + 135;
var totalehoogte = gathoogte + kapmaat;
var oppervlakte = totalebreedte * totalehoogte / 1000;
if (oppervlakte > 9500) {
bereken77();
} else {
jQuery(“#totalebreedte”).html(totalebreedte);
jQuery(“#totalehoogte”).html(totalehoogte);
}
}
}
}
jQuery(“.lamel”).change(function() {
if (rekenhulpgeopend == 1) {
try {
berekenmaten();
invullenendoorgaan();
} catch {}
}
});
jQuery(“.breedte, .hoogte”).change(function() {
rekenhulpgeopend = 0;
});
var rekenhulpgeopend = 0;
function invullenendoorgaan() {
rekenhulpgeopend = 1;
jQuery(“.breedte”).eq(0).val(Number(jQuery(“#totalebreedte”).html()));
jQuery(“.hoogte”).eq(0).val(Number(jQuery(“#totalehoogte”).html()));
setTimeout(function() {
jQuery(“.breedte, .hoogte”).trigger(“keyup”);
}, 500);
update(2);
jQuery(“body, html”).css(“overflow-y”, “visible”);
jQuery(“#popup”).fadeOut(300);
setTimeout(function() {
jQuery(“.breedte-div, .hoogte-div”).fadeTo( 500, 0.1 ).fadeTo( 500, 1 );
}, 300);
setTimeout(function() {
jQuery(“.breedte-div, .hoogte-div”).fadeTo( 400, 0.1 ).fadeTo( 300, 1 );
}, 1300);
}
function naarwinkelwagen() {
jQuery(“.loader”).show();
jQuery(“#fotoframe”).show();
var dataUrl = jQuery(“.wp-post-image”).attr(“src”);
jQuery.ajax({
type: “POST”,
url: “https://directeenrolluik.nl/wp-content/uploads/save.php”,
data: {
data: dataUrl
}
}).done(function(fileName) {
var bestandscode = fileName;
bestandscode = bestandscode.slice(1, -1);
var srcstring = ‘https://directeenrolluik.nl/wp-content/uploads/’ + bestandscode;
jQuery(“.schematischvoorbeeld”).eq(0).val(srcstring);
jQuery(“.single_add_to_cart_button”).first().click();
})
.fail(function(error) {
alert(‘We konden jouw voorbeeld niet meenemen naar de winkelmand, hiervoor lijkt je browser-versie te oud. Het spijt ons. We gaan je product toch toevoegen aan de winkelmand. Foutcode: ‘, error);
});
setTimeout(function() {
jQuery(“.loader”).fadeOut(300);
jQuery(“#fotoframe”).hide();
jQuery(“.rolluikoutercontainer”).hide();
jQuery(“#rolluikcontainer > .button”).show();
jQuery(“#rolluikcontainer”).appendTo(“.rolluikoutercontainer”).first();
}, 3000);
}
jQuery(window).load(function() {
update(2);
});
jQuery(document).ready(function() {
jQuery(“.somfyafstand”).eq(0).parent().css(“pointer-events”, “none”);
jQuery(“.obstakeldetectie”).eq(1).parents().eq(1).append(jQuery(“.videonaarbeveiliging”).eq(0).clone());
jQuery(“.videonaarbeveiliging”).eq(1).prepend(“
“);
jQuery(“#naarwinkelwagen”).click(function() {naarwinkelwagen()});
jQuery(“#bedieningcontainer”).prev().hide();
jQuery(“#obstakeldetectie1”).prev().hide();
jQuery(“#lamelgroterdan95”).prev().hide();
jQuery(“.wp-post-image”).attr(“src”, “/wp-content/uploads/loading.gif”);
jQuery(“#naarwinkelwagen”).appendTo(“.quantity”).first();
jQuery(“.single_add_to_cart_button”).first().hide();
var naarwinkelwagentext = jQuery(“.single_add_to_cart_button”).first().html();
jQuery(“#naarwinkelwagen”).html(naarwinkelwagentext);
jQuery(“#naarwinkelwagen”).show();
jQuery(“.wp-post-image”).eq(0).parent().removeAttr(“href”);
jQuery(“.wp-post-image”).first().removeAttr(“srcset”);
jQuery(“.wp-post-image”).first().removeAttr(“data-src”);
jQuery(“.wp-post-image”).first().removeAttr(“data-large_image”);
jQuery(“.woocommerce-product-gallery__image”).eq(0).removeAttr(“data-thumb”);
jQuery(“#rolluikcontainer”).show();
updateindicatie();
jQuery(‘‘).insertAfter(‘.wp-post-image’).first();
jQuery(‘.wp-post-image’).addClass(‘img-enlargable’).click(function() {
if (jQuery(this).hasClass(“img-not-enlargable”) == false) {
var src = jQuery(this).attr(‘src’);
jQuery(‘
display: ‘flex’,
justifyContent: ‘center’,
alignItems: ‘center’,
background: ‘RGBA(245,245,245,.95)’,
backgroundSize: ‘contain’,
padding: ’25px’,
width: ‘100%’,
height: ‘100%’,
position: ‘fixed’,
zIndex: ‘10000’,
top: ‘0’,
left: ‘0’,
cursor: ‘zoom-out’
}).click(function() {
jQuery(this).fadeOut(500);
jQuery(this).fadeOut(500);
setTimeout(function() {
jQuery(“#zoomframecontainer”).remove();
}, 500);
lockchange = 1;
window.location = “#default”;
setTimeout(function() {
lockchange = 0;
}, 550);
}).appendTo(‘body’);
jQuery(‘
background: ‘url(‘ + src + ‘) no-repeat center’,
width: ’80vw’,
height: ’80vh’,
backgroundSize: ‘contain’,
cursor: ‘zoom-out’
}).click(function() {
jQuery(this).fadeOut(500);
setTimeout(function() {
jQuery(“#zoomframecontainer”).remove();
}, 500);
lockchange = 1;
window.location = “#default”;
setTimeout(function() {
lockchange = 0;
}, 550);
}).appendTo(‘#zoomframecontainer’);
jQuery(“#zoomframecontainer”).first().fadeIn(500);
preventdel = 1;
window.location = “#zoom”;
setTimeout(function() {
preventdel = 0;
}, 100);
}
});
jQuery(“.breedte, .hoogte, .lamel, .typekap, .apartekleur, .kleur, .typegeleider”).click(function() {
updateplaatje();
});
jQuery(“input”).each(function() {
jQuery(this).change(function() {
update();
});
});
jQuery(‘:input, a’).attr(‘tabindex’, ‘-1’);
jQuery(window).keydown(function(event) {
if (event.keyCode == 13) {
event.preventDefault();
return false;
}
});
if (jQuery(“.admindetected”).length == 0) {
jQuery(“.montage”).eq(1).attr(“enabled”, “false”);
jQuery(“.montage”).eq(1).attr(“disabled”, “true”);
jQuery(“.montage”).eq(1).parents().eq(2).click(function(event) {
event.preventDefault();
});
jQuery(“.montage”).eq(1).parent().next().html(“Sorry, montageoptie momenteel niet beschikbaar“);
}
});
jQuery(“.breedte, .hoogte”).focus(function() {
jQuery(“#applybutton”).fadeIn(500);
});
jQuery(“.breedte, .hoogte”).focusout(function() {
jQuery(“#applybutton”).fadeOut(350);
update(1);
});
jQuery(window).resize(function() {
update();
});
function updateplaatje() {
jQuery(“.tm-bsbb”).each(function() {
if (!jQuery(this).parents().eq(1).hasClass(‘tc-active’)) {
jQuery(this).hide();
} else {
jQuery(this).show();
}
});
if (window.innerWidth < 769) {
jQuery(".wp-post-image").attr("src", "/wp-content/uploads/loading.gif");
} else {
jQuery(".wp-post-image").eq(0).addClass("fadenow");
}
setTimeout(function() {
update(1);
}, 550);
}
var lockchange = 0;
var currentmode = 0;
var zoomschaal = 1;
var scale = 1;
var bezig = 0;
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
canvas.width = document.getElementById("rolluikcontainer").offsetWidth;
canvas.height = document.getElementById("rolluikcontainer").offsetHeight;
context.clearRect(0, 0, canvas.width, canvas.height);
var pantserkleur = 'rgb(255, 255, 255)';
var kapkleur = 'rgb(255, 255, 255)';
var geleiderskleur = 'rgb(255, 255, 255)';
var onderlatkleur = 'rgb(255, 255, 255)';
var pantser = new Image();
var kaphoogte = 150;
var geleiderbreedte = 53;
var lamelhoogte = 55;
var khoffset = 0;
var baknaargeloffset = 0;
var lameloffset = 0;
function update(genplaatje) {
setTimeout(function() {
// bereken opp
var breedte = jQuery(".breedte").eq(0).val();
var hoogte = jQuery(".hoogte").eq(0).val();
var opp = (breedte * hoogte) / 1000;
var nmtype = 6;
jQuery(".opp").eq(0).val(opp);
jQuery(".opp").eq(0).trigger("keyup");
jQuery(".kaphoogte").eq(0).val(kaphoogte + " mm");
jQuery(".geleiderbreedte").eq(0).val(geleiderbreedte + " mm");
jQuery(".kaphoogte, .geleiderhoogte").trigger('keyup');
// Somfy-motor verplicht vanaf 8m²
jQuery(".nietmogelijk.merkmotor").remove()
if (jQuery(".opp").val() >= 8000) {
jQuery(“.merkmotor”).eq(0).parent().fadeTo(250, 0.25);
jQuery(“.merkmotor”).eq(0).parent().css(“pointer-events”, “none”);
jQuery(“.merkmotor”).eq(0).parent().parent().append(“Alleen mogelijk tot 8 m²“);
jQuery(“.merkmotor”).eq(2).parent().click();
} else {
jQuery(“.merkmotor”).eq(0).parent().fadeTo(250, 1);
jQuery(“.merkmotor”).eq(0).parent().css(“pointer-events”, “auto”);
}
// Doorloopbeveiliging alleen bij Somfy
jQuery(“.nietmogelijk.obstakeldetectie”).remove()
if (jQuery(“.merkmotor”).eq(0).is(“:checked”)) {
jQuery(“.obstakeldetectie”).eq(1).parent().fadeTo(250, 0.25);
jQuery(“.obstakeldetectie”).eq(1).parent().css(“pointer-events”, “none”);
jQuery(“.videonaarbeveiliging”).eq(1).parent().append(“Alleen mogelijk met Somfy-motor“);
if (jQuery(“.obstakeldetectie”).eq(1).is(“:checked”)) {
jQuery(“.obstakeldetectie”).eq(0).parent().click();
}
} else {
jQuery(“.obstakeldetectie”).eq(1).parent().fadeTo(250, 1);
jQuery(“.obstakeldetectie”).eq(1).parent().css(“pointer-events”, “auto”);
}
if ((genplaatje == 1 || genplaatje == 2) && bezig == 0) {
bezig = 1;
jQuery(“.wp-post-image”).first().css(“filter”, “opacity(1)”);
jQuery(“.wp-post-image”).first().css(“-webkit-filter”, “opacity(1)”);
// plaatje
if (jQuery(“.rolluikoutercontainer”).first().css(“display”) != “none”) {
jQuery(“.corrigeer”).remove();
jQuery(“.rolluikoutercontainer”).css(“visibility”, “visible”);
var canvas = document.createElement(‘canvas’);
jQuery(“.wp-post-image”).first().show();
jQuery(“.loepje”).first().show();
var canvas = document.createElement(‘canvas’);
var context = canvas.getContext(‘2d’);
canvas.width = document.getElementById(“rolluikcontainer”).offsetWidth;
canvas.height = document.getElementById(“rolluikcontainer”).offsetHeight;
context.clearRect(0, 0, canvas.width, canvas.height);
var pantser = new Image();
if (lamelhoogte == 55) {
pantser.src = ‘/wp-content/uploads/55l.png’;
} else {
pantser.src = ‘/wp-content/uploads/77l.png’;
}
pantser.onload = function() {
var pattern = context.createPattern(pantser, ‘repeat’);
context.rect(20, 60, (canvas.width – 50), (canvas.height – 100));
context.fillStyle = pattern;
context.fill();
context.globalCompositeOperation = ‘source-atop’;
context.fillStyle = pantserkleur;
context.globalAlpha = 0.75;
context.beginPath();
context.fillRect(20, 60, (canvas.width – 50), (canvas.height – 100));
context.globalCompositeOperation = ‘source-over’;
context.globalAlpha = 1;
var aantal = 0;
jQuery(“#rolluikcontainer > img”).each(function(i) {
var canvascur = document.createElement(‘canvas’);
var contextcur = canvascur.getContext(‘2d’);
canvascur.width = document.getElementById(“rolluikcontainer”).offsetWidth;
canvascur.height = document.getElementById(“rolluikcontainer”).offsetHeight;
var img = jQuery(this).get(0);
var sx = jQuery(this).get(0).offsetLeft;
var sy = jQuery(this).get(0).offsetTop;
var sWidth = jQuery(this).get(0).offsetWidth;
var sHeight = jQuery(this).get(0).offsetHeight;
var donotrender = 0;
if (jQuery(this).hasClass(“kap”)) {
if (jQuery(this).hasClass(“rond”)) {
donotrender = 1;
}
}
if (donotrender == 0) {
contextcur.globalCompositeOperation = ‘source-over’;
contextcur.drawImage(img, sx, sy, sWidth, sHeight);
contextcur.globalAlpha = 0.75;
contextcur.globalCompositeOperation = ‘source-atop’;
if (jQuery(this).is(“.kap”)) {
contextcur.fillStyle = kapkleur;
contextcur.fillRect(0, 0, canvascur.width, canvascur.height);
}
if (jQuery(this).is(“.geleiders”)) {
contextcur.fillStyle = geleiderskleur;
contextcur.fillRect(0, 0, canvascur.width, canvascur.height);
}
if (jQuery(this).is(“.onderlat”)) {
contextcur.fillStyle = onderlatkleur;
contextcur.fillRect(0, 0, canvascur.width, canvascur.height);
}
}
var curtodraw = new Image();
curtodraw.onload = function() {
aantal = aantal + 1;
context.drawImage(curtodraw, 0, 0, canvas.width, canvas.height);
if (aantal == 15) {
secondcanvas();
}
}
curtodraw.src = canvascur.toDataURL(“image/png”);
});
};
var finalcanvas = document.createElement(‘canvas’);
var finalcontext = finalcanvas.getContext(‘2d’);
finalcanvas.width = document.getElementById(“rolluikcontainer”).offsetWidth + 120;
finalcanvas.height = document.getElementById(“rolluikcontainer”).offsetHeight + 20;
finalcontext.clearRect(0, 0, canvas.width, canvas.height);
function secondcanvas() {
var secondimg = new Image();
secondimg.onload = function() {
finalcontext.drawImage(secondimg, 40, 20, canvas.width, canvas.height);
secondimagedone();
}
secondimg.src = canvas.toDataURL(“image/png”);
jQuery(“.wp-post-image”).eq(0).removeClass(“fadenow”);
}
function secondimagedone() {
finalcontext.font = “bold 17px Arial”;
finalcontext.fillStyle = “#64646d”;
var widthhelft = finalcanvas.width / 2 – 60;
var heightarrow1 = finalcanvas.height / 2 – 7;
var heighthelft = finalcanvas.height / 2 + 17;
var heightarrow2 = finalcanvas.height / 2 + 41;
var geleiderhoogte = Number(jQuery(“.hoogte”).eq(0).val()) – kaphoogte;
var lamelbreedte = Number(jQuery(“.breedte”).eq(0).val()) – (geleiderbreedte * 2);
var arrowoffset = 60;
var showdetails = 0;
// if (jQuery(“.montage”).eq(0).is(“:checked”)) {
showdetails = 1;
// }
if (kaphoogte == 250) {
baknaargeloffset = 10;
} else if (kaphoogte == 300) {
baknaargeloffset = 28;
} else if (kaphoogte == 360) {
baknaargeloffset = 35;
} else {
baknaargeloffset = 0;
}
finalcontext.fillText(jQuery(“.breedte”).eq(0).val() + ” mm”, widthhelft, 17);
finalcontext.fillText(jQuery(“.hoogte”).eq(0).val() + ” mm”, (canvas.width + 40), heighthelft);
finalcontext.font = “bold 14px Arial”;
finalcontext.strokeStyle = “#c5c5c5”;
finalcontext.lineWidth = 1;
finalcontext.fillText(kaphoogte, 10, 92 – khoffset);
finalcontext.beginPath();
finalcontext.moveTo(25, 50 – khoffset);
finalcontext.lineTo(25, 75 – khoffset);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(25, 100 – khoffset);
finalcontext.lineTo(25, 122 + baknaargeloffset);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(25, 50 – khoffset);
finalcontext.lineTo(35, 50 – khoffset);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(25, 122 + baknaargeloffset);
finalcontext.lineTo(35, 122 + baknaargeloffset);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((canvas.width + 60), (50 – khoffset));
finalcontext.lineTo((canvas.width + 60), (heighthelft – 25));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((canvas.width + 60), (heighthelft + 15));
finalcontext.lineTo((canvas.width + 60), (canvas.height + 4));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((canvas.width + 50), (50 – khoffset));
finalcontext.lineTo((canvas.width + 60), (50 – khoffset));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((canvas.width + 60), (canvas.height + 4));
finalcontext.lineTo((canvas.width + 50), (canvas.height + 4));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(40, 12);
finalcontext.lineTo((widthhelft – 15), 12);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((widthhelft + 85), 12);
finalcontext.lineTo((canvas.width + 37), 12);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((canvas.width + 37), 12);
finalcontext.lineTo((canvas.width + 37), 22);
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(40, 12);
finalcontext.lineTo(40, 22);
finalcontext.stroke();
if (showdetails == 1) {
if (lamelbreedte.toString().length == 3) {
finalcontext.fillText(lamelbreedte, (widthhelft + 20), canvas.height + 20);
} else {
finalcontext.fillText(lamelbreedte, (widthhelft + 17), canvas.height + 20);
}
finalcontext.fillText(geleiderbreedte, (60 + (lameloffset / 2)), canvas.height + 18);
finalcontext.fillText(geleiderbreedte, (canvas.width – (lameloffset / 2)), canvas.height + 18);
finalcontext.fillText(geleiderhoogte, 10, (heighthelft + 40 – khoffset));
finalcontext.beginPath();
finalcontext.moveTo(25, 122 + baknaargeloffset);
finalcontext.lineTo(25, (heighthelft + 20 – khoffset));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(25, (heighthelft + 55) – khoffset);
finalcontext.lineTo(25, (canvas.height + 4));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(25, (canvas.height + 4));
finalcontext.lineTo(30, (canvas.height + 4));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(83 + lameloffset, (canvas.height + 15));
finalcontext.lineTo((widthhelft + 15), (canvas.height + 15));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((widthhelft + 50), (canvas.height + 15));
finalcontext.lineTo((canvas.width – 7 – lameloffset), (canvas.height + 15));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo(83 + lameloffset, (canvas.height + 15));
finalcontext.lineTo(83 + lameloffset, (canvas.height + 5));
finalcontext.stroke();
finalcontext.beginPath();
finalcontext.moveTo((canvas.width – 7 – lameloffset), (canvas.height + 15));
finalcontext.lineTo((canvas.width – 7 – lameloffset), (canvas.height + 5));
finalcontext.stroke();
}
var finalimg = finalcanvas.toDataURL(“image/png”);
jQuery(“.wp-post-image”).first().attr(“src”, finalimg);
jQuery(“#zoomframecontainer”).remove();
}
} else {
jQuery(“.corrigeer”).remove();
jQuery(“.wp-post-image”).first().hide();
jQuery(“.loepje”).first().hide();
jQuery(“.wp-post-image”).first().css(“filter”, “opacity(0.2)”);
jQuery(“.wp-post-image”).first().css(“-webkit-filter”, “opacity(0.2)”);
if (Number(jQuery(“.opp”).eq(0).val()) > 7000) {
jQuery(“
Overweeg een gekoppeld rolluik
“).prependTo(“.woocommerce-product-gallery__image > a”).first();
jQuery(“
Maximale oppervlakte: 7 m²
“).prependTo(“.woocommerce-product-gallery__image > a”).first();
} else {
jQuery(“
Corrigeer de maat … (mm)
“).prependTo(“.woocommerce-product-gallery__image > a”).first();
}
}
}
// levertijd
var ftime = 100;
var ttime = 110;
setTimeout(function() {
jQuery(“.levertijd”).remove();
jQuery(“
“).appendTo(“.tm-floating-box”).first();
}, ftime);
var langerelevertijd = 0;
// bij aparte kleuren
if (jQuery(“.apartekleur”).eq(0).is(“:checked”)) {
langerelevertijd = 1;
}
// bij afgeschuind
if (jQuery(“.alleskleur”).eq(6).is(“:checked”)) {
if (jQuery(“.meerkleuren”).eq(2).is(“:checked”)) {
langerelevertijd = 1;
}
if (jQuery(“.meerkleuren”).eq(3).is(“:checked”)) {
langerelevertijd = 1;
}
if (jQuery(“.meerkleuren”).eq(4).is(“:checked”)) {
langerelevertijd = 1;
}
if (jQuery(“.meerkleuren”).eq(5).is(“:checked”)) {
langerelevertijd = 1;
}
if (jQuery(“.meerkleuren”).eq(6).is(“:checked”)) {
langerelevertijd = 1;
}
}
if (jQuery(“.montage”).eq(1).is(“:checked”)) {
langerelevertijd = 2;
}
if (langerelevertijd == 1) {
setTimeout(function() {
jQuery(“#variantstr”).html(“bezorgd”);
jQuery(“.fromday”).html(“4”);
jQuery(“.today”).html(“5”);
updateindicatie();
}, ttime);
} else if (langerelevertijd == 2) {
setTimeout(function() {
jQuery(“#variantstr”).html(“geplaatst. De producten worden eerst bij hem bezorgd, waarna de monteur contact met u zal opnemen voor een montage-afspraak”);
jQuery(“.fromday”).html(“5”);
jQuery(“.today”).html(“8”);
updateindicatie();
}, ttime);
} else if (langerelevertijd == 0) {
jQuery(“#variantstr”).html(“bezorgd”);
setTimeout(function() {
jQuery(“.fromday”).html(“4”);
jQuery(“.today”).html(“5”);
updateindicatie();
}, ttime);
}
setTimeout(function() {
var calcheight = document.getElementsByClassName(“entry-summary”)[0].offsetHeight – 400;
jQuery(“.wp-post-image”).first().parents().eq(1).css(“height”, calcheight);
}, 250);
// Binnen bereik
if (Number(jQuery(“.breedte”).eq(0).val()) < 1000 || Number(jQuery(".hoogte").eq(0).val()) < 1000 || Number(jQuery(".breedte").eq(0).val()) > 5000 || Number(jQuery(“.hoogte”).eq(0).val()) > 3500) {
jQuery(“.rolluikoutercontainer”).first().hide();
jQuery(“.wp-post-image”).eq(0).addClass(“img-not-enlargable”).removeClass(“img-enlargable”);
} else {
jQuery(“.rolluikoutercontainer”).first().show();
jQuery(“.wp-post-image”).eq(0).addClass(“img-enlargable”).removeClass(“img-not-enlargable”);
}
// update prijs
// formaat aanpassen
var breedte = Number(jQuery(“.breedte”).eq(0).val()) * 0.4;
var hoogte = Number(jQuery(“.hoogte”).eq(0).val()) * 0.4;
jQuery(“#rolluikcontainer”).css(“width”, breedte + “px”);
jQuery(“#rolluikcontainer”).css(“height”, hoogte + “px”);
// kaphoogtes
var ingevuldehoogte = jQuery(“.hoogte”).eq(0).val();
if (jQuery(“.lamel-ul > li”).eq(0).hasClass(“tc-active”) && opp < 9500) {
// AR55
if (ingevuldehoogte <= 1500) {
jQuery(".kap").css("height", "85px");
jQuery(".kap").css("top", "20px");
jQuery("#pantserkleur").css("top", "20px");
kaphoogte = 180;
khoffset = 10;
} else if (ingevuldehoogte > 1500 && ingevuldehoogte <= 2000) {
jQuery(".kap").css("height", "92px");
jQuery(".kap").css("top", "16px");
jQuery("#pantserkleur").css("top", "16px");
kaphoogte = 205;
khoffset = 15;
} else if (ingevuldehoogte > 2000 && ingevuldehoogte <= 3200) {
jQuery(".kap").css("height", "100px");
jQuery(".kap").css("top", "12px");
jQuery("#pantserkleur").css("top", "12px");
kaphoogte = 250;
khoffset = 18;
} else if (ingevuldehoogte > 3200) {
jQuery(“.kap”).css(“height”, “123px”);
jQuery(“.kap”).css(“top”, “8px”);
jQuery(“#pantserkleur”).css(“top”, “8px”);
kaphoogte = 300;
khoffset = 22;
}
if (opp <= 2800) {
nmtype = 0;
} else if (opp > 2800 && opp <= 4700) {
nmtype = 1;
} else if (opp > 4700 && opp <= 6200) {
nmtype = 2;
} else if (opp > 6200 && opp <= 8500) {
nmtype = 3;
} else if (opp > 8500) {
nmtype = 4;
}
// dunnere geleiders
jQuery(“.geleiders”).css(“width”, “33px”);
jQuery(“#geleiderrechtsboven”).css(“width”, “34px”);
jQuery(“.geleiders.rechts”).css(“left”, “calc(100% – 47px)”);
jQuery(“.onderlat”).css(“height”, “30px”);
jQuery(“.onderlat”).css(“top”, “30px”);
jQuery(“#onderlatlinks”).css(“top”, “calc(100% – 47px)”);
jQuery(“#onderlatmidden”).css(“top”, “calc(100% – 47px)”);
jQuery(“#onderlatrechts”).css(“top”, “calc(100% – 47px)”);
lameloffset = 0;
} else {
// AG77
if (ingevuldehoogte < 2300) {
jQuery(".kap").css("height", "123px");
jQuery(".kap").css("top", "8px");
jQuery("#pantserkleur").css("top", "8px");
kaphoogte = 300;
khoffset = 22;
} else if (jQuery(".breedte").eq(0).val() < 3500 && ingevuldehoogte < 2600) {
jQuery(".kap").css("height", "123px");
jQuery(".kap").css("top", "8px");
jQuery("#pantserkleur").css("top", "8px");
kaphoogte = 300;
khoffset = 22;
} else if (jQuery(".breedte").eq(0).val() < 3300 && ingevuldehoogte < 3000) {
jQuery(".kap").css("height", "123px");
jQuery(".kap").css("top", "8px");
jQuery("#pantserkleur").css("top", "8px");
kaphoogte = 300;
khoffset = 22;
} else {
jQuery(".kap").css("height", "133px");
jQuery(".kap").css("top", "0px");
jQuery("#pantserkleur").css("top", "0px");
kaphoogte = 360;
khoffset = 25;
}
if (opp <= 4500) {
nmtype = 4;
} else if (opp > 4500 && opp <= 8000) {
nmtype = 5;
} else if (opp > 8000 && opp <= 9700) {
nmtype = 6;
} else if (opp > 9700 && opp <= 12500) {
nmtype = 7;
} else if (opp > 12500) {
nmtype = 8;
}
jQuery(“.geleiders”).css(“width”, “45px”);
jQuery(“#geleiderrechtsboven”).css(“width”, “46px”);
jQuery(“.geleiders.rechts”).css(“left”, “calc(100% – 58px)”);
jQuery(“.onderlat”).css(“height”, “45px”);
jQuery(“#onderlatlinks”).css(“top”, “calc(100% – 62px)”);
jQuery(“#onderlatmidden”).css(“top”, “calc(100% – 62px)”);
jQuery(“#onderlatrechts”).css(“top”, “calc(100% – 62px)”);
lameloffset = 13;
};
// 6, 10, 15, 20, 30, 40, 50, 60, 80
var huismerkprijzen = [151, 151, 161, 161, 177, 186, 192, 234, 234];
var somfyprijzen = [262, 272, 282, 313, 373, 373, 413, 413, 454];
if (jQuery(“.merkmotor-ul > li”).eq(0).hasClass(“tc-active”)) {
try {
jQuery(“.motorprijs”).val(Number(huismerkprijzen[nmtype]) – 151);
jQuery(“.motorprijs”).trigger(“keyup”);
} catch {}
} else {
try {
jQuery(“.motorprijs”).val(Number(somfyprijzen[nmtype]) – 151);
jQuery(“.motorprijs”).trigger(“keyup”);
} catch {}
}
jQuery(“.kaphoogte”).eq(0).val(kaphoogte);
jQuery(“.kaphoogte”).eq(0).trigger(‘keyup’);
// geleiderbreedte
if (opp < 9500 && jQuery(".lamel").eq(0).is(":checked")) {
geleiderbreedte = 66;
lamelhoogte = 55;
jQuery(".meerprijsgeleider").val(0);
jQuery(".meerprijsgeleider").trigger("keyup");
} else {
lamelhoogte = 77;
if (opp < 9500 && jQuery(".lamel").eq(1).is(":checked")) {
geleiderbreedte = 90;
jQuery(".meerprijsgeleider").val(0);
jQuery(".meerprijsgeleider").trigger("keyup");
} else if (opp > 9499 && opp < 13000 && breedte < 4600) {
geleiderbreedte = 90;
jQuery(".meerprijsgeleider").val(0);
jQuery(".meerprijsgeleider").trigger("keyup");
} else {
geleiderbreedte = 100;
jQuery(".meerprijsgeleider").val(550);
jQuery(".meerprijsgeleider").trigger("keyup");
}
}
jQuery(".geleiderbreedte").eq(0).val(geleiderbreedte);
jQuery(".geleiderbreedte").eq(0).trigger('keyup');
// kleur
if (jQuery(".apartekleur").eq(0).is(':checked')) {
// alle onderdelen aparte kleur
// kap
if (jQuery(".kleur.omkasting").eq(0).is(':checked')) {
// wit
kapkleur = "#fdfdfd";
geleiderskleur = "#fdfdfd";
onderlatkleur = "#fdfdfd";
} else if (jQuery(".kleur.omkasting").eq(1).is(':checked')) {
// cremewit
kapkleur = "#fcf8ee";
geleiderskleur = "#fcf8ee";
onderlatkleur = "#fcf8ee";
} else if (jQuery(".kleur.omkasting").eq(2).is(':checked')) {
// atraciet
kapkleur = "rgb(39, 39, 39)";
geleiderskleur = "rgb(39, 39, 39)";
onderlatkleur = "rgb(39, 39, 39)";
} else if (jQuery(".kleur.omkasting").eq(3).is(':checked')) {
// zwart
kapkleur = "#000000";
geleiderskleur = "#000000";
onderlatkleur = "#000000";
} else if (jQuery(".kleur.omkasting").eq(4).is(':checked')) {
// groen
kapkleur = "rgb(0, 30, 0)";
geleiderskleur = "rgb(0, 30, 0)";
onderlatkleur = "rgb(0, 30, 0)";
} else if (jQuery(".kleur.omkasting").eq(5).is(':checked')) {
// lichtbeige
kapkleur = "#c9bdb4";
geleiderskleur = "#c9bdb4";
onderlatkleur = "#c9bdb4";
} else if (jQuery(".kleur.omkasting").eq(6).is(':checked')) {
// bruin
kapkleur = "#3d2000";
geleiderskleur = "#3d2000";
onderlatkleur = "#3d2000";
} else if (jQuery(".kleur.omkasting").eq(7).is(':checked')) {
// grijs
kapkleur = "#a9b4b3";
geleiderskleur = "#a9b4b3";
onderlatkleur = "#a9b4b3";
} else if (jQuery(".kleur.omkasting").eq(8).is(':checked')) {
// zilvermetallic
kapkleur = "#bfbfbf";
geleiderskleur = "#bfbfbf";
onderlatkleur = "#bfbfbf";
}
// pantser
if (jQuery(".kleur.pantser").eq(0).is(':checked')) {
// wit
pantserkleur = "#fdfdfd";
} else if (jQuery(".kleur.pantser").eq(1).is(':checked')) {
// cremewit
pantserkleur = "#fcf8ee";
} else if (jQuery(".kleur.pantser").eq(2).is(':checked')) {
// antraciet
pantserkleur = "rgb(39, 39, 39)";
} else if (jQuery(".kleur.pantser").eq(3).is(':checked')) {
// zwart
pantserkleur = "#000000";
} else if (jQuery(".kleur.pantser").eq(4).is(':checked')) {
// groen
pantserkleur = "rgb(0, 30, 0)";
} else if (jQuery(".kleur.pantser").eq(5).is(':checked')) {
// lichtbeige
pantserkleur = "#c9bdb4";
} else if (jQuery(".kleur.pantser").eq(6).is(':checked')) {
// bruin
pantserkleur = "#3d2000";
} else if (jQuery(".kleur.pantser").eq(7).is(':checked')) {
// grijs
pantserkleur = "#a9b4b3";
} else if (jQuery(".kleur.pantser").eq(8).is(':checked')) {
// zilvermetallic
pantserkleur = "#bfbfbf";
}
} else {
// alle onderdelen zelfde kleur
if (jQuery(".alleskleur").eq(2).is(':checked')) {
pantserkleur = "#fdfdfd";
kapkleur = "#fdfdfd";
geleiderskleur = "#fdfdfd";
onderlatkleur = "#fdfdfd";
} else if (jQuery(".alleskleur").eq(3).is(':checked')) {
pantserkleur = "#fcf8ee";
kapkleur = "#fcf8ee";
geleiderskleur = "#fcf8ee";
onderlatkleur = "#fcf8ee";
} else if (jQuery(".alleskleur").eq(4).is(':checked')) {
pantserkleur = "rgb(39, 39, 39)";
kapkleur = "rgb(39, 39, 39)";
geleiderskleur = "rgb(39, 39, 39)";
onderlatkleur = "rgb(39, 39, 39)";
} else if (jQuery(".alleskleur").eq(5).is(':checked')) {
pantserkleur = "#bfbfbf";
kapkleur = "#bfbfbf";
geleiderskleur = "#bfbfbf";
onderlatkleur = "#bfbfbf";
} else if (jQuery(".alleskleur").eq(6).is(':checked')) {
pantserkleur = "#c9bdb4";
kapkleur = "#c9bdb4";
geleiderskleur = "#c9bdb4";
onderlatkleur = "#c9bdb4";
} else if (jQuery(".alleskleur").eq(7).is(':checked')) {
pantserkleur = "#3d2000";
kapkleur = "#3d2000";
geleiderskleur = "#3d2000";
onderlatkleur = "#3d2000";
} else if (jQuery(".meerkleuren").eq(0).is(':checked')) {
pantserkleur = "#a9b4b3";
kapkleur = "#a9b4b3";
geleiderskleur = "#a9b4b3";
onderlatkleur = "#a9b4b3";
} else if (jQuery(".meerkleuren").eq(1).is(':checked')) {
pantserkleur = "#000000";
kapkleur = "#000000";
geleiderskleur = "#000000";
onderlatkleur = "#000000";
} else if (jQuery(".meerkleuren").eq(2).is(':checked')) {
pantserkleur = "rgb(0, 30, 0)";
kapkleur = "rgb(0, 30, 0)";
geleiderskleur = "rgb(0, 30, 0)";
onderlatkleur = "rgb(0, 30, 0)";
}
}
var breedtecm = jQuery(".breedte").eq(0).val() / 10;
var hoogtecm = jQuery(".hoogte").eq(0).val() / 10;
var indexb = 0;
var indexh = 0;
if (breedtecm <= 100) {
indexb = 0;
} else if (breedtecm > 100 && breedtecm <= 110) {
indexb = 1;
} else if (breedtecm > 110 && breedtecm <= 120) {
indexb = 2;
} else if (breedtecm > 120 && breedtecm <= 130) {
indexb = 3;
} else if (breedtecm > 130 && breedtecm <= 140) {
indexb = 4;
} else if (breedtecm > 140 && breedtecm <= 150) {
indexb = 5;
} else if (breedtecm > 150 && breedtecm <= 160) {
indexb = 6;
} else if (breedtecm > 160 && breedtecm <= 170) {
indexb = 7;
} else if (breedtecm > 170 && breedtecm <= 180) {
indexb = 8;
} else if (breedtecm > 180 && breedtecm <= 190) {
indexb = 9;
} else if (breedtecm > 190 && breedtecm <= 200) {
indexb = 10;
} else if (breedtecm > 200 && breedtecm <= 210) {
indexb = 11;
} else if (breedtecm > 210 && breedtecm <= 220) {
indexb = 12;
} else if (breedtecm > 220 && breedtecm <= 230) {
indexb = 13;
} else if (breedtecm > 230 && breedtecm <= 240) {
indexb = 14;
} else if (breedtecm > 240 && breedtecm <= 250) {
indexb = 15;
} else if (breedtecm > 250 && breedtecm <= 260) {
indexb = 16;
} else if (breedtecm > 260 && breedtecm <= 270) {
indexb = 17;
} else if (breedtecm > 270 && breedtecm <= 280) {
indexb = 18;
} else if (breedtecm > 280 && breedtecm <= 290) {
indexb = 19;
} else if (breedtecm > 290 && breedtecm <= 300) {
indexb = 20;
} else if (breedtecm > 300 && breedtecm <= 310) {
indexb = 21;
} else if (breedtecm > 310 && breedtecm <= 320) {
indexb = 22;
} else if (breedtecm > 320 && breedtecm <= 330) {
indexb = 23;
} else if (breedtecm > 330 && breedtecm <= 340) {
indexb = 24;
} else if (breedtecm > 340 && breedtecm <= 350) {
indexb = 25;
} else if (breedtecm > 350 && breedtecm <= 360) {
indexb = 26;
} else if (breedtecm > 360 && breedtecm <= 370) {
indexb = 27;
} else if (breedtecm > 370 && breedtecm <= 380) {
indexb = 28;
} else if (breedtecm > 380 && breedtecm <= 390) {
indexb = 29;
} else if (breedtecm > 390 && breedtecm <= 400) {
indexb = 30;
} else if (breedtecm > 400 && breedtecm <= 410) {
indexb = 31;
} else if (breedtecm > 410 && breedtecm <= 420) {
indexb = 32;
} else if (breedtecm > 420 && breedtecm <= 430) {
indexb = 33;
} else if (breedtecm > 430 && breedtecm <= 440) {
indexb = 34;
} else if (breedtecm > 440) {
indexb = 35;
}
if (hoogtecm <= 100) {
indexh = 0;
} else if (hoogtecm > 100 && hoogtecm <= 110) {
indexh = 1;
} else if (hoogtecm > 110 && hoogtecm <= 120) {
indexh = 2;
} else if (hoogtecm > 120 && hoogtecm <= 130) {
indexh = 3;
} else if (hoogtecm > 130 && hoogtecm <= 140) {
indexh = 4;
} else if (hoogtecm > 140 && hoogtecm <= 150) {
indexh = 5;
} else if (hoogtecm > 150 && hoogtecm <= 160) {
indexh = 6;
} else if (hoogtecm > 160 && hoogtecm <= 170) {
indexh = 7;
} else if (hoogtecm > 170 && hoogtecm <= 180) {
indexh = 8;
} else if (hoogtecm > 180 && hoogtecm <= 190) {
indexh = 9;
} else if (hoogtecm > 190 && hoogtecm <= 200) {
indexh = 10;
} else if (hoogtecm > 200 && hoogtecm <= 210) {
indexh = 11;
} else if (hoogtecm > 210 && hoogtecm <= 220) {
indexh = 12;
} else if (hoogtecm > 220 && hoogtecm <= 230) {
indexh = 13;
} else if (hoogtecm > 230 && hoogtecm <= 240) {
indexh = 14;
} else if (hoogtecm > 240 && hoogtecm <= 250) {
indexh = 15;
} else if (hoogtecm > 250 && hoogtecm <= 260) {
indexh = 16;
} else if (hoogtecm > 260 && hoogtecm <= 270) {
indexh = 17;
} else if (hoogtecm > 270 && hoogtecm <= 280) {
indexh = 18;
} else if (hoogtecm > 280 && hoogtecm <= 290) {
indexh = 19;
} else if (hoogtecm > 290 && hoogtecm <= 300) {
indexh = 20;
} else if (hoogtecm > 300 && hoogtecm <= 310) {
indexh = 21;
} else if (hoogtecm > 310 && hoogtecm <= 320) {
indexh = 22;
} else if (hoogtecm > 320 && hoogtecm <= 330) {
indexh = 23;
} else if (hoogtecm > 330 && hoogtecm <= 340) {
indexh = 24;
} else if (hoogtecm > 340) {
indexh = 25;
}
// Basisprijs invullen
if (jQuery(“.lamel”).eq(0).is(“:checked”) && opp < 9500) {
// afgeschuind
try {
jQuery(".basisprijs").eq(0).val((1.2 * Number(ar55[indexh][indexb]) - 361).toFixed(0));
jQuery(".basisprijs").eq(0).trigger('keyup');
} catch (error) {}
} else {
try {
jQuery(".basisprijs").eq(0).val((1.2 * Number(ar77[indexh][indexb]) - 361).toFixed(0));
jQuery(".basisprijs").eq(0).trigger('keyup');
} catch (error) {}
}
// end function
try {
updatevatex();
} catch (error) {}
if (genplaatje == 2) {
setTimeout(function() {
update(1);
}, 100);
}
bezig = 0;
}, 50);
}