function FormatNumber(num,decimalNum,bolLeadingZero,bolParens,bolCommas) /********************************************************************** IN: NUM - the number to format decimalNum - the number of decimal places to format the number to bolLeadingZero - true / false - display a leading zero for numbers between -1 and 1 bolParens - true / false - use parenthesis around negative numbers bolCommas - put commas as number separators. RETVAL: The formatted number! **********************************************************************/ { if (isNaN(parseInt(num))) return "NaN"; var tmpNum = num; var iSign = num < 0 ? -1 : 1; // Get sign of number // Adjust number so only the specified number of numbers after // the decimal point are shown. tmpNum *= Math.pow(10,decimalNum); tmpNum = Math.round(Math.abs(tmpNum)) tmpNum /= Math.pow(10,decimalNum); tmpNum *= iSign; // Readjust for sign // Create a string object to do our formatting on var tmpNumStr = new String(tmpNum); // See if we need to strip out the leading zero or not. if (!bolLeadingZero && num < 1 && num > -1 && num != 0) if (num > 0) tmpNumStr = tmpNumStr.substring(1,tmpNumStr.length); else tmpNumStr = "-" + tmpNumStr.substring(2,tmpNumStr.length); // See if we need to put in the commas if (bolCommas && (num >= 1000 || num <= -1000)) { var iStart = tmpNumStr.indexOf("."); if (iStart < 0) iStart = tmpNumStr.length; iStart -= 3; while (iStart >= 1) { tmpNumStr = tmpNumStr.substring(0,iStart) + "." + tmpNumStr.substring(iStart,tmpNumStr.length) iStart -= 3; } } // See if we need to use parenthesis if (bolParens && num < 0) tmpNumStr = "(" + tmpNumStr.substring(1,tmpNumStr.length) + ")"; return tmpNumStr; // Return our formatted string! } var slider1Value = 1900; var slider1Stepping = 5; var slider1Min = 0; var slider1Max = 10000; var slider2Value = 450; var slider2Stepping = 5; var slider2Min = 0; var slider2Max = 5000; var slider3Value = 1900; var slider3Stepping = 5; var slider3Min = 0; var slider3Max = 10000; var slider4Value = 2000; var slider4Stepping = 5; var slider4Min = 0; var slider4Max = 1500; $(document).ready(function(){ // maandinkomen $("#maandinkomen").slider({ step: slider1Stepping, min: slider1Min, max: slider1Max, value: slider1Value, animate: true, slide: function(e, ui){ document.getElementById('maandinkomen_waarde').innerHTML = ui.value; $('.maandinkomen_input').val(ui.value); }, change: function(e, ui){ BerekenMaxLening(); } }); $('.maandinkomen_input').blur(function(){ var slider1Value = +this.value; if(slider1Value >= slider1Min && slider1Value <= slider1Max){ $('#maandinkomen').slider('option','value', slider1Value); }else{ alert('bedrag tussen '+slider1Min+' en '+slider1Max); return false; } }); // maandinkomen // maandinkomen partner $("#maandinkomen_partner").slider({ step: slider3Stepping, min: slider3Min, max: slider3Max, value: slider3Value, animate: true, slide: function(e, ui){ document.getElementById('partner_waarde').innerHTML = ui.value; $('.maandinkomen_partner_input').val(ui.value); }, change: function(e, ui){ BerekenMaxLening(); } }); $('.maandinkomen_partner_input').blur(function(){ var slider3Value = +this.value; if(slider3Value >= slider3Min && slider1Value <= slider3Max){ $('#maandinkomen_partner').slider('option','value', slider3Value); }else{ alert('bedrag tussen '+slider3Min+' en '+slider3Max); return false; } }); // einde maandinkomen partner // woonlasten per maand $("#woonlast").slider({ step: slider2Stepping, min: slider2Min, max: slider2Max, value: slider2Value, animate: true, slide: function(e, ui){ document.getElementById("woonlast_waarde").innerHTML = ui.value; $('.woonlast_input').val(ui.value); }, change: function(e, ui){ BerekenMaxLening(); } }); $('.woonlast_input').blur(function(){ var slider2Value = +this.value; if(slider2Value >= slider2Min && slider2Value <= slider2Max){ $('#woonlast').slider('option','value', slider2Value); }else{ alert('bedrag tussen '+slider2Min+' en '+slider2Max); return false; } }); $('.maandinkomen_input').val(slider1Value); $('.woonlast_input').val(slider2Value); $('.maandinkomen_partner_input').val(slider3Value); document.getElementById("maandinkomen_waarde").innerHTML = slider1Value; document.getElementById("woonlast_waarde").innerHTML = slider2Value; document.getElementById("partner_waarde").innerHTML = slider3Value; // einde wwonlasten per maand }); function BerekenMaxLening(){ var maandinkomen = document.form2.elements.maandinkomen_input.value; var woonlasten = document.form2.elements.woonlast_input.value; var maandinkomen_partner = document.form2.elements.maandinkomen_partner_input.value; var woonsituatie = document.form2.elements.woonsituatie.selectedIndex; var staat = document.form2.elements.staat.selectedIndex; var totaalInkomen = 0; if(woonlasten < 350){ woonlasten = 350; } if(staat == 0){ totaalInkomen = eval(maandinkomen) - 760; }else if(staat == 1){ if(maandinkomen_partner < 170){ maandinkomen_partner = 170; } totaalInkomen = (eval(maandinkomen_partner) + eval(maandinkomen)) - 1150; }else if(staat == 2){ totaalInkomen = eval(maandinkomen) - 950; }else{ if(maandinkomen_partner < 170){ maandinkomen_partner = 170; } totaalInkomen = (eval(maandinkomen_partner) + eval(maandinkomen)) - 1250; } var totaalLeenbedrag = 0; if(woonsituatie == 0){ totaalLeenbedrag = totaalInkomen - woonlasten; }else if(woonsituatie == 1){ totaalLeenbedrag = totaalInkomen - (woonlasten*0.65); }else if(woonsituatie == 2){ if(woonlasten < 0){ woonlasten = 350; } totaalLeenbedrag = totaalInkomen - woonlasten; } totaalLeenbedrag = totaalLeenbedrag * 50; if(totaalLeenbedrag < 1){ totaalLeenbedrag = 0; } totaal_leenbedrag = Math.round(eval(totaalLeenbedrag)); document.form2.elements.totaal_leenbedrag_slider.value = FormatNumber(totaal_leenbedrag,2,false,false,true); } function checkform2(id,el) { tr = document.getElementById(id); disablekleur = '#efefef'; if(id == "burgstaat2"){ if(el == "samenwonend" || el == "gehuwd" || el == "samenwonendmetkinderen") { tr.style.display = ''; document.getElementById('burgstaat2').style.display = ''; document.getElementById('staat_slider2').style.display = ''; }else if(el == "gescheiden"){ tr.style.display = 'none'; document.getElementById('burgstaat2').style.display = 'none'; document.getElementById('staat_slider2').style.display = 'none'; }else{ tr.style.display = ''; document.getElementById('burgstaat2').style.display = 'none'; document.getElementById('staat_slider2').style.display = 'none'; } } }