// JavaScript Document
function format(zahl) {
    var TZ = '.';
    var new_string = [];
    var tmp = parseInt(zahl) + '';
    while( tmp.length > 3) {
        new_string[new_string.length] = tmp.substr(tmp.length - 3 ) ;
        tmp = tmp.substr(0, tmp.length -3 )
    }
    
	if(tmp)  new_string[new_string.length] = tmp;
		return new_string.reverse().join(TZ);
}
  
var nominalZins = 3.4;
var tilgung = 1;
  
var mntlRateInt = 0;
var darlehensbetragInt = 0;
  
jQuery(document).ready(function($){

	$("#slider").slider();
	
	// Die Maximal und Minimalwerte setzen
	$("#slider").slider('option', 'max', 2000);
	$("#slider").slider('option', 'min', 20);
	 
	// Den Initialbetrag setzen
	$("#slider").slider( 'value' , [1010] )
	
	setzeBetraege();
	
	// Den Handle an die Startposition setzem
	document.getElementById('mntlRate').style.marginLeft = "40px";
	
	// Die Steps setzen
	$("#slider").slider('option', 'step', 10);
	 
	// EVENTLISTENER FÜR DEN SLIDE
	$("#slider").bind('slide', function(event, ui) {
	
 setzeBetraege();
	});
	
	
	function setzeBetraege() {
	mntlRatePosX = (148/100*($("#slider").slider( 'value' )/2000*100))-(69/2);
  
		if (mntlRatePosX < 0) {
			mntlRatePosX =0+"px";  
  		}
  		else {
			if (mntlRatePosX > 79) {
				mntlRatePosX = 79+"px";
			}
			else {
				mntlRatePosX = mntlRatePosX + "px";	
			}
		}
	mntlRateInt = format(Math.round($("#slider").slider( 'value' ) / 10)*10);
	darlehensbetragInt = $("#slider").slider( 'value' ) * 12 * 100 / (nominalZins+tilgung);
	 
	darlehensbetragInt =  format(Math.round(darlehensbetragInt/ 10)*10);
		
	mntlRateInt = format(Math.round($("#slider").slider( 'value' ) / 10)*10);
	darlehensbetragInt = $("#slider").slider( 'value' ) * 12 * 100 / (nominalZins+tilgung);
	darlehensbetragInt =  format(Math.round(darlehensbetragInt/ 10)*10);

	document.getElementById('mntlRate').style.marginLeft = mntlRatePosX;
	document.getElementById('mntlRate').innerHTML = mntlRateInt + ",00 &euro;";
	document.getElementById('darlehensbetrag').innerHTML = darlehensbetragInt + ",00 &euro;";
}
	
});