var mpgStart = 40;
var mpgSelected = 40;

var mpaStart = 12;
var mpaSelected = 12;

var savingStart = 10;
var savingSelected = 10;

var petrolPrice;
var dieselPrice;

var petrolCo2 = 2.39;
var dieselCo2 = 2.69;
var currentCo2 = petrolCo2;

var calculate = function(){
	if(mpgSelected!=mpgStart*10 || mpaSelected!=mpaStart || savingSelected!=savingStart){
		$('money-average').innerHTML = "Your";
		$('co2-average').innerHTML = "Your";
	}
	$('mpg-value').innerHTML = mpgSelected/10;
	$('mpa-value').innerHTML = mpaSelected*1000;
	$('saving-value').innerHTML = savingSelected +5;
	
	$('money-saving').innerHTML = (((mpaSelected*1000)/mpgSelected/10) * 4.54609188 * $('ppl').value * (savingSelected+5)/100).toFixed(2);
	$('co2-saving').innerHTML = (((mpaSelected*1000)/mpgSelected/10) * 4.54609188 * currentCo2 * (savingSelected+5)/100).toFixed(2);
};

window.addEvent('domready', function(){
	petrolPrice = $('ppl').value;
	dieselPrice = $('ppld').value;

	var mpgslider = new Slider($('mpg'), $('mpg').getElement('.knob'), {
		steps: 600,  // Steps from 0 to 255
		wheel: true, // Using the mousewheel is possible too
		onChange: function(){
			if(this.step!==0){
				mpgSelected = this.step;
			}
			else{
				mpgSelected = 1;
				this.step=1;
			}
			
			calculate();
		}
	}).set(mpgStart * 10);

	var mpaslider = new Slider($('mpa'), $('mpa').getElement('.knob'), {
		steps: 100,
		wheel: true, // Using the mousewheel is possible too
		onChange: function(){
			mpaSelected = this.step;
			
			calculate();
		}
	}).set(mpaStart);
	
	var savingslider = new Slider($('saving'), $('saving').getElement('.knob'), {
		steps: 18,  // Steps from 0 to 255
		wheel: true, // Using the mousewheel is possible too
		onChange: function(){
			savingSelected = this.step;
			
			calculate();
		}
	}).set(savingStart);
	
	$('ppl').addEvent('change', function(){
		if(/[0-9]{3}.[0-9]/.test(this.value)){
			if($('petrol').checked===true){
				petrolPrice = this.value;
			}
			else{
				dieselPrice = this.value;
			}
			
			calculate();
		}
		else{
			if($('petrol').checked){
				this.value = petrolPrice;
			}
			else{
				this.value = dieselPrice;
			}
		}			
	});
	
	$('petrol').addEvent('click', function(){
		$('ppl').value = petrolPrice;
		currentCo2 = petrolCo2;
		calculate();
	});
	$('diesel').addEvent('click', function(){
		$('ppl').value = dieselPrice;
		currentCo2 = dieselCo2;
		calculate();
	});
	
	$$('.tips').each(function(element,index) {  
		var content = element.get('title').split('::');  
		element.store('tip:title', content[0]);  
		element.store('tip:text', content[1]);  
	});  
	
	var tooltips = new Tips('.tips', {
		className: 'tool-tips'
	});
	tooltips.addEvents({  
		'show': function(tip) {  
			tip.fade(0.9); 
		},  
		'hide': function(tip) {  
			tip.fade(0);  
		}  
	});  
	tooltips.tip.set('tween',{duration: 200});
});