var s1Value		= 0;
var s1Stepping		= 1;
var s1Min			= 1000;
var s1Max			= 4000;

var s2Value		= 0;
var s2Stepping		= 1;
var s2Min			= 5500;
var s2Max			= 25000;

$j(function() {	

$j('#stromrechner').click(function(){
	$j('#strom-ui').show();
	$j('#gas-ui').hide();
});

$j('#gasrechner').click(function(){
	$j('#gas-ui').show();
	$j('#strom-ui').hide();
});

/** STROMSLIDER **/
s1Value = $j('#kwhstrom').val();

	$j("#stromslider").slider({
		'stepping': s1Stepping,
		'min': s1Min, 
		'max': s1Max,
		'value': [s1Value], 
		'slide': function(e, ui){ 
			feldval = ui.value * 1.2;
			feldval = Math.floor(feldval);	
			
			$j('#kwhstrom').val(feldval);
		}
	});
	
	// Update Slider vom Input
	$j('#kwhstrom').keyup(function(){
		var s1Value = +this.value; 
		if(s1Value >= 0 && s1Value <= s1Max){
			s1Value = Math.floor(s1Value / 1.2);
			$j('#stromslider').slider('value',s1Value);
		}else if (s1Value > s1Max){
			s1Max = Math.floor(s1Max * 1.2);
			$j('#stromslider').slider('value',s1Max);
			//alert('Fehlermeldung '+slider1Min+' - '+slider1Max);
			//return false;eldung '+slider1Min+' - '+slider1Max);
			//return false;
		}
	});
	
	$j('.steps span').hover(function() {
		 $j(this).css('cursor','pointer');
	 		}, function() {
	 			$j(this).css('cursor','auto');
	});
	
	$j('#stromStep1').click(function() {
		$j('#stromslider').slider('value',1500);
		$j('#kwhstrom').val('1500');		
	});
	$j('#stromStep2').click(function() {
		$j('#stromslider').slider('value',2250);
		$j('#kwhstrom').val('2250');		
	});
	$j('#stromStep3').click(function() {
		$j('#stromslider').slider('value',3150);
		$j('#kwhstrom').val('3300');		
	});
	$j('#stromStep4').click(function() {
		$j('#stromslider').slider('value',4300);
		$j('#kwhstrom').val('4300');		
	});
	
/** GASSLIDER **/	
s2Value = $j('#kwhgas').val();

	$j("#gasslider").slider({
		'stepping': s2Stepping,
		'min': s2Min, 
		'max': s2Max,
		'value': [s2Value], 
		'slide': function(e, ui){ 
			$j('#kwhgas').val(ui.value);
		}
	});
	
	// Update Slider vom Input
	$j('#kwhgas').keyup(function(){
		var s2Value = +this.value; 
		if(s2Value >= 0 && s2Value <= s2Max){
			$j('#gasslider').slider('value',s2Value);
		}else if (s2Value > s2Max){
			$j('#gasslider').slider('value',s2Max);
		}
	});
	
	$j('.steps span').hover(function() {
		 $j(this).css('cursor','pointer');
	 		}, function() {
	 			$j(this).css('cursor','auto');
	});
	
	$j('#gasStep1').click(function() {
		$j('#gasslider').slider('value',6000);
		$j('#kwhgas').val('6000');		
	});
	$j('#gasStep2').click(function() {
		$j('#gasslider').slider('value',15500);
		$j('#kwhgas').val('15500');		
	});
	$j('#gasStep3').click(function() {
		$j('#gasslider').slider('value',23000);
		$j('#kwhgas').val('23000');		
	});
	$j('#gasStep4').click(function() {
		$j('#gasslider').slider('value',30000);
		$j('#kwhgas').val('30000');		
	});	
});