var calcBgPosLoanRate;
var calcBgPosResidue;
var calcResidualPrevious = "12";

if(!residueDelimiter) {
  residueDelimiter = ".";
}

$(document).ready(function(){
  $("form").jForms();
  $("#calc_loanterm_slider").slider({steps:calcLoanRateStep, slide:loantermRefresh, change:loantermRefresh2, min:calcLoanRateMin, max:calcLoanRateMax, startValue:calcLoanRateStart});
  $("#calc_residue_slider").slider({steps:calcResidualStep, slide:residualRefresh, min:calcResidualMin, max:calcResidualMax, startValue:calcResidualStart});
  
  loantermRefresh(calcLoanRateStart);
  residualRefresh(calcResidualStart);
  
  $(".userinput").keyup(function(event){
    //clearresult(false);
  });

});

$("#calculatorbox").css("display","block");

function calcCloseMessage() {
  $("#calculatormessagebox").css("display","none");
  $("#calculatorbox").css("display","block");
}

function loantermRefresh() {
  newValue = $("#calc_loanterm_slider").slider( "value");
  calcBgPosLoanRate = (newValue - calcLoanRateMin) / ((calcLoanRateMax - calcLoanRateMin) / calcLoanRateStep) * (130 / (calcLoanRateStep)) + 130;
  $("#calc_loan_result").html(newValue + " " + calcLoanRateIdentifier);
  $("#calc_loanterm_slider").css("background-position", calcBgPosLoanRate + "px 0");
  clearresult(false);
}

function loantermRefresh2() {
  newValue = $("#calc_loanterm_slider").slider( "value");
  
  if(newValue  == "36"){
    $("#calc_residue_slider").slider("destroy");
    calcResidualStep = calcResidualStepSave - 11;
    calcResidualMax = 30;
    $("#calc_residue_slider").slider({steps:calcResidualStep, slide:residualRefresh, min:calcResidualMin, max:calcResidualMax, startValue:calcResidualStart});
    residualRefresh(calcResidualStart);
  }else if(newValue  == "48"){
    $("#calc_residue_slider").slider("destroy");
    calcResidualStep = calcResidualStepSave - 20;
    calcResidualMax = 20;
    $("#calc_residue_slider").slider({steps:calcResidualStep, slide:residualRefresh, min:calcResidualMin, max:calcResidualMax, startValue:calcResidualStart});
    residualRefresh(calcResidualStart);
  }else{
    $("#calc_residue_slider").slider("destroy");
    calcResidualStep = 33;
    calcResidualMax = 40;
    $("#calc_residue_slider").slider({steps:calcResidualStep, slide:residualRefresh, min:calcResidualMin, max:calcResidualMax, startValue:calcResidualStart});
    residualRefresh(calcResidualStart);
  }
  calcResidualPrevious = newValue;
}

function residualRefresh(newValue) {
  newValue = $("#calc_residue_slider").slider( "value");
  calcBgPosResidue = (newValue - calcResidualMin) / ((calcResidualMax - calcResidualMin) / calcResidualStep) * (130 / (calcResidualStep)) + 130;
  newValue = newValue.toFixed(0);


  var myHTMLCode = newValue;
  myHTMLCode = myHTMLCode.replace(/(0.{2})\b/,".$1");
  var calculatedResidue = ($("#calc_vehicle_val").val() / 100)*myHTMLCode;
  myHTMLCode = myHTMLCode + " " + calcResidualIdentifier + " " + calculatedResidue.toFixed(0);
  $("#calc_residue_result").html(myHTMLCode);

  $("#calc_residue_slider").css("background-position", calcBgPosResidue + "px 0");
  clearresult(false);

}

function calculate(){
  
  var netPiceVal = $("#calc_vehicle_val").val(); // Nettokaufpreis
  var depositVal = $("#deposit").val(); // Erste Leasingrate
  var tradeInVal = $("#trade_in").val(); // Erste Leasingrate
  var loantermVal = $("#calc_loanterm_slider").slider("value"); // Laufzeit 
  var residueVal = $("#calc_residue_slider").slider("value"); // Laufleistung
  
  var netPice = Number(netPiceVal);
  var deposit = Number(depositVal);
  var tradeIn = Number(tradeInVal);
  var loanterm = Number(loantermVal);
  var residue = ($("#calc_vehicle_val").val() / 100)* Number(residueVal);
  $("#calc_residue_result").html($("#calc_residue_slider").slider( "value") + " " + calcResidualIdentifier + " " + residue);

  var mysticP = 0;
  var finalResult = 0;
  var errorText = "";

  monthlyInterest = interestPerAnnum / (12*100);

  finalResult = (netPiceVal-depositVal-tradeInVal+250)*( monthlyInterest / (1 - Math.pow(1 + monthlyInterest, -loantermVal)));

  if(netPice < 1 || netPice > 200000 || isNaN(netPiceVal)) {
    errorText += calcErrorText1 + "<br><br>"; 
  }

  if((netPice - depositVal) < 5000) {
    errorText += calcErrorText2 + "<br><br>"; 
  }

  if(isNaN(tradeIn) && (tradeIn < 1 || tradeIn > netPice)) {
    errorText += calcErrorText3 + "<br><br>"; 
  }

  if(errorText  != "") {
    clearresult(errorText);
  }else{
    $("#calc_result_monthly").val( currencyPattern.replace(/<NUMBER>/g, String(finalResult.toFixed(2))) );
    var weeklyRate = finalResult/52;
    $("#calc_result_weekly").val( currencyPattern.replace(/<NUMBER>/g, String(weeklyRate.toFixed(2))) );
    $("#calc_result").val( mysticP );
  }
}

function clearresult(errorText){
  $("#calc_result_monthly").val("");
  $("#calc_result_weekly").val("");
  $("#calc_result").val("");
  if(errorText) {
    calcHide();
    errorText = "<h7>" + calcErrorText0 + "</h7><p>" + errorText + "</p>"  ;
    $("#calc_message_content").html(errorText);
    $("#calc_message_content").jScrollPane({scrollbarWidth:11, scrollbarMargin:0});
    $("#calc_message_pane").css("visibility","visible");
    $("#calc_message_pane").css("display","block");
  }
}

function calcTermsConditions() {
  calcHide();
  $("#calc_message_content").html(calcTermsConditionsText);
  $("#calc_message_content").jScrollPane({scrollbarWidth:11, scrollbarMargin:0});
  $("#calc_message_pane").css("visibility","visible");
  $("#calc_message_pane").css("display","block");
}


function calcInfo() {
  calcHide();
  $("#calc_message_content").html(calcInfoText[0]);
  $("#calc_message_content").jScrollPane({scrollbarWidth:11, scrollbarMargin:0});
  $("#calc_message_pane").css("visibility","visible");
  $("#calc_message_pane").css("display","block");
}


function calcHide() {
  $("#calculatormessagebox").css("height", $("#calculatorbox").outerHeight()-26);
  $("#calculatorbox").css("display","none");
  $("#calculatormessagebox").css("display","block");
}

$.fn.jForms =
function(options)
{
	var lastKeypress = 0;
    var keyBuffer = '';
    var self = this;

//select boxes
$('select',self).each(function ()
{
	$('body').append('<ul id = "'+this.id+'_fake_list" class="fake_list"></ul>');
	$(this).children().each(function()
	{
		$('#'+$(this).parent().attr('id')+'_fake_list').append('<li>'+$(this).text()+'</li>');
	});
	$('#'+this.id+'_fake_list').css('height',($('#'+this.id+'_fake_list li:first').height()+4)*($('#'+this.id+'_fake_list li').size()<opts.listSize?$('#'+this.id+'_fake_list li').size():opts.listSize)).css('width',80).toggle();

	$('#'+this.id+'_fake_list > li').hover(function(){$(this).addClass('selected')},function(){$(this).removeClass('selected');}).each(function(i)
	{
		$(this).click(function(){
		var id = $(this).parent().attr('id');
		$('#'+id).toggle();
	    $('#'+id.replace('_list','')).attr('value',$(this).text());
		$('#'+id.replace('_fake_list','')).attr('selectedIndex',i).change();
		$('#'+id+' >  li').removeClass('selected');
		$(this).addClass('selected');
	});
	});

$(this).before('<div class="selectArea" style="width:'+($(this).width()+43)+'px"><div class="left"></div><div class="right"><a class="selectButton" href="javascript:;" onclick="$(\'#'+this.id+'_fake\').focus().click()"></a></div><input type = "text" class="center" style="width:'+($(this).width())+'px;cursor:default" id="'+this.id+'_fake"  value="'+this[this.selectedIndex].text+'"  /></div>').css('position','absolute').css('left','-6000px');

	$('#'+this.id+'_fake').click(function(){
		$('#'+this.id+'_list').focus();
		$('#'+this.id+'_list').css('left',$(this).offset().left-8);

		if(($('#'+this.id+'_list').height()+$(this).offset().top -document.documentElement.scrollTop) > $(window).height())
		{
			$('#'+this.id+'_list').css('top',$(this).offset().top-$('#'+this.id+'_list').height()-4);
		}
		else
		{
			$('#'+this.id+'_list').css('top',$(this).offset().top+$(this).height()+4);
		}
		$('#'+this.id+'_list > li').removeClass('selected');
		$('#'+this.id+'_list > li').get($('#'+this.id.replace('_fake','')).attr('selectedIndex')).className='selected';


		$('.fake_list:visible:not(#'+this.id+'_list)').toggle();
		$list = $('#'+this.id+'_list');
		$list.toggle();
		var offSet = (($('.selected', $list).length>0? $('.selected', $list).offset().top:0)- $list.offset().top);
		$list.animate({scrollTop: offSet});
		}).css('font-size',$(this).css('font-size')).css('padding','2px 0px 2px 2px').keyup(function(e)
		{
			var pressedKey = e.charCode || e.keyCode || -1;
			var $dd = $('#'+this.id.replace('_fake',''));
			$('#'+this.id+'_list > li').removeClass('selected');
			switch(pressedKey)
			{
				//down
				case 40:
					var curr = ($dd.attr('selectedIndex')+1>=$('option',$dd).length?0:$dd.attr('selectedIndex')+1);
				break;
				case 38:
					var curr = ($dd.attr('selectedIndex')-1<0?$('option',$dd).length-1:$dd.attr('selectedIndex')-1);
				break;
				case 13:
					$('#'+this.id+'_list').toggle();
					return false;
				break;
				default:
				var t = new Date();
				if(t.getTime()-lastKeypress>1000)
				{
					lastKeypress=t.getTime();
					keyBuffer ='';
				}
					keyBuffer +=String.fromCharCode(pressedKey).toLowerCase();
					curr=-1;
					$('#'+this.id+'_list > li').each(function(i)
					{
						if($(this).text().toLowerCase().indexOf(keyBuffer)==0&&curr==-1)
						{
							curr = i;
							return;
						}
					});
					break;
			}
			if(curr==-1)
			{
				curr=0;
			}
			$($('#'+this.id+'_list > li').get(curr)).addClass('selected').focus();
			$list = $('#'+this.id+'_list');
			var offSet = (($('.selected', $list).length>0? $('.selected', $list).offset().top:0)- $list.offset().top);
			$list.attr('scrollTop',offSet);
			$dd.attr('selectedIndex',curr).change();
			$(this).attr('value', $($('#'+this.id+'_list > li').get(curr)).text());
			return false;

		}).focus(function()
		{
			$(document).keypress(function(e)
			{
				var pressedKey = e.charCode || e.keyCode || -1;
				if(pressedKey==13)
				{
					return false;
				}
			});
		}).blur(function()
		{
			$(document).unbind('keypress').unbind('click');
		});

});

	return self;
}

var defaultValueCalculator = currencyPattern.replace(/<NUMBER>/g, "0");
document.calculator.calc_vehicle_val.value = defaultValueCalculator;
document.calculator.deposit.value = defaultValueCalculator;
document.calculator.trade_in.value = defaultValueCalculator;