var sliderRates = null;


function sliderInit(rates,maxValue,postfix){
	
	sliderRates = rates;
	
	$('#formIncome').accessibleUISlider({width: 390, onChange: update});
	$('#formBalance').accessibleUISlider({width: 390, onChange: update});
	$('#formTransferNo').accessibleUISlider({width: 390, onChange: update});
	$('#formRate').accessibleUISlider({width: 390, onChange: update});

	
	var maxRate = maxValue;
	var sliderWidth = 183;
	
	var handle = $('#new-interest-rate-handle')
	var rateContainer = $('#new-interest-rate');

	
	
	function update(){
		// sliders' values, if required, not used at the mo
		var v1 = $('#formIncome').attr('value');
		var v2 = $('#formBalance').attr('value');
		var v3 = $('#formTransferNo').attr('value');

		
		//na razie jakis random num
		var rate = getSliderRate(v1, v2, v3);
		var handlePos = (rate*sliderWidth)/maxRate;
		handle.css('left', handlePos);
		
		//ustawiana pozycja spana z aktualna wartoscia w zaleznosci od wartosci tak by span nie wychodzil poza box
		//wartosc wstawiana do inputa (nastepnego po span#new-interest-rate)
		rateContainer.css('left', -(rateContainer.width())*rate/maxRate).text(rate + ' '+postfix).next('input').attr('value', rate);
	}
	
	//initial handle position from html value
    var rate = getSliderRate($('#formIncome').val(), $('#formBalance').val(), $('#formTransferNo').val());
    rateContainer.text(rate + ' '+postfix);
	var currentValue = parseFloat($('#new-interest-rate').text().split(' ')[0]);
	var handlePos = (currentValue*sliderWidth)/maxRate;
	handle.css('left', handlePos);
	
}

function getSliderRate(income, balance, freePayments){
	return sliderRates[income][balance][freePayments];
}