$(document).ready(function(){

	//$('body').supersleight();
	
	/* slider personen */	 
	 /* a) Sliderselector füllen */
	 var verbrauch = [1730, 2930, 3750, 4290, 4830, 5500, 6250, 7000, 7750];
	 	 
	 var tmp_i_strom = 1;

	 for (i=1;i<10;i++)
	 {
	 	if (stromVerbrauch == '0') {
		 	if (i==2) {
			 $("#personen").append('<option value="'+i+'" selected="selected">'+i+'</option>');
			} else {
			 $("#personen").append('<option value="'+i+'">'+i+'</option>');
			}
		} else {
			if (i < 9) {
				var value = verbrauch[i-1];
				var nextValue = verbrauch[i];
				
				if (value <= parseInt(stromVerbrauch) && parseInt(stromVerbrauch) < nextValue) {
					$("#personen").append('<option value="'+i+'" selected="selected">'+i+'</option>');
					tmp_i_strom = i-1;
				} else {
					$("#personen").append('<option value="'+i+'">'+i+'</option>');
				}
			} else {
				var value = verbrauch[i-1];
				
				if (value <= parseInt(stromVerbrauch)) {
					$("#personen").append('<option value="'+i+'" selected="selected">'+i+'</option>');
					tmp_i_strom = i-1;
				} else {
					$("#personen").append('<option value="'+i+'">'+i+'</option>');
				}
			}
		}
	 }
	 /* b) Slider befüllen */
    $('#personen').selectToUISlider({
      labels: 9,
      tooltip: false,
      tooltipSrc: "value",
      labelSrc: "text",
      sliderOptions: {
      						
							value: 2, /*Startwert*/
							min: 0,
							max: 8,
							range: 'min',/* max */
							change: function(e, ui) {
								var c = 9;

								$("#kwh_strom").val(verbrauch[ui.value]);
								
								//der UI-interne Automatismus scheint durch das selectToUISlider-Plugin defect; ich stelle diesen so nach
								//$('.ui-slider-range-max').css({width: 100-((100/(c-1))*ui.value)+'%'});  //if rage max
								$('div.Strom .ui-slider-range-min').css({width: (100/(c-1))*ui.value+'%'});
								//zB
								//a)alle
								$('div.Strom .ui-helper-reset > li').css({color: "#3D3D3D", fontWeight: "normal"});
								//b)die schon gezeigten
								$('div.Strom .ui-helper-reset > li:lt('+ui.value+')').css({color: "#3c6eae", fontWeight: "bold"});
								//c)den aktuellen
								$('div.Strom .ui-helper-reset > li:eq('+ui.value+')').css({color: "#3c6eae", fontWeight: "bold"});
							}
		}
    });
	 /* c) Initialwerte setzen */
	 if (stromVerbrauch == '0') {
	 	$("#kwh_strom").val("2930");
	 } else {
		 $("#kwh_strom").val(stromVerbrauch);
	 }
	 
	 
	//der UI-interne Automatismus scheint durch das selectToUISlider-Plugin defect; ich stelle diesen so nach
	//$('.ui-slider-range-max').css({width: 100-((100/8)*ui.value)+'%'});  //if rage max
	$('div.Strom .ui-slider-range-min').css({width: (100/8)*tmp_i_strom+'%'});
	//zB
	//a)alle
	$('div.Strom .ui-helper-reset > li').css({color: "#3D3D3D", fontWeight: "normal"});
	//b)die schon gezeigten
	$('div.Strom .ui-helper-reset > li:lt('+tmp_i_strom+')').css({color: "#3c6eae", fontWeight: "bold"});
	//c)den aktuellen
	$('div.Strom .ui-helper-reset > li:eq('+tmp_i_strom+')').css({color: "#3c6eae", fontWeight: "bold"});

   /* slider flaeche */
	 /* a) Sliderselector füllen */
	 var qm 		= [30,40,50,60,70,80,90,100,110,120,130,140,150,160,170,180,190,200,210];
	 var qm2009 = [20,40,60,80,100,120,140,160,180];
	 
	 var tmp_i = 2;
	 
	 for (i=0;i<qm2009.length;i++)
	 {
	 	if (gasVerbrauch == '0') {
		 	if (i==2) {
			 $("#flaeche").append('<option value="'+qm2009[i]+'" selected="selected">'+qm2009[i]+'</option>');
			} else {
			 $("#flaeche").append('<option value="'+qm2009[i]+'">'+qm2009[i]+'</option>');
			}
		} else {
			if (i < qm2009.length-1) {
				var value = qm2009[i] * 200;
				var nextValue = qm2009[i+1] * 200;
				
				if (value <= parseInt(gasVerbrauch) && parseInt(gasVerbrauch) < nextValue) {
					$("#flaeche").append('<option value="'+qm2009[i]+'" selected="selected">'+qm2009[i]+'</option>');
					tmp_i = i;
				} else {
					$("#flaeche").append('<option value="'+qm2009[i]+'">'+qm2009[i]+'</option>');
				}
			} else {
				var value = qm2009[i] * 200;
				
				if (value <= parseInt(gasVerbrauch)) {
					$("#flaeche").append('<option value="'+qm2009[i]+'" selected="selected">'+qm2009[i]+'</option>');
					tmp_i = i;
				} else {
					$("#flaeche").append('<option value="'+qm2009[i]+'">'+qm2009[i]+'</option>');
				}				
			}
		}
	 }
	 /* b) Slider befüllen */
    $('#flaeche').selectToUISlider({
      labels: 9, /* 10 */
      tooltip: false,
      tooltipSrc: "value",
      labelSrc: "text",
      sliderOptions: {
      						
							value: 80, /*Startwert*/
							min: 0,
							max: 8,/* 18 */
							range: 'min',/* max */
							change: function(e, ui) {
								var pi_gasSkalierung_1 = 115; // 30 - 100qm
								var pi_gasSkalierung_2 = 160; // 101 - 250qm
								var pi_gasSkalierung_2009 = 200; // immer
								//var c = qm.length;
								var c = qm2009.length;

								//alert('Wert ist: '+ui.value);
								
								$("#qm_gas").val(qm[ui.value]);
									/*
									 if (qm[ui.value] < 101) {
										  kwh = pi_gasSkalierung_1 * qm[ui.value];
									 } else {
										  kwh = pi_gasSkalierung_2 * qm[ui.value];
									 }
									 */
								kwh = pi_gasSkalierung_2009 * qm2009[ui.value];
								$("#kwh_gas").val(kwh);

								//der UI-interne Automatismus scheint durch das selectToUISlider-Plugin defect; ich stelle diesen so nach
								//$('.ui-slider-range-max').css({width: 100-((100/(c-1))*ui.value)+'%'}); //if rage max
								$('div.Gas .ui-slider-range-min').css({width: (100/(c-1))*ui.value+'%'});
								//zB
								//a)alle
								$('div.Gas .ui-helper-reset > li').css({color: "#3D3D3D", fontWeight: "normal"});		//> .ui-slider-label
								//b)die schon gezeigten
								$('div.Gas .ui-helper-reset > li:lt('+ui.value+')').css({color: "#3c6eae", fontWeight: "bold"});	//> .ui-slider-label
								//c)den aktuellen
								$('div.Gas .ui-helper-reset > li:eq('+ui.value+')').css({color: "#3c6eae", fontWeight: "bold"});		//> .ui-slider-label

							}
		}
    });
	 /* c) Initialwerte setzen */
	 $("#qm_gas").val("60"); /* 30 */
	 
	 if (gasVerbrauch == '0') {
	 	$("#kwh_gas").val("12000"); /* 3450 */
	 } else {
		 $("#kwh_gas").val(gasVerbrauch);
	 }
	 
 	//der UI-interne Automatismus scheint durch das selectToUISlider-Plugin defect; ich stelle diesen so nach
	//$('.ui-slider-range-max').css({width: 100-((100/(c-1))*ui.value)+'%'}); //if rage max
	$('div.Gas .ui-slider-range-min').css({width: (100/8)*tmp_i+'%'});
	//zB
	//a)alle
	$('div.Gas .ui-helper-reset > li').css({color: "#3D3D3D", fontWeight: "normal"});		//> .ui-slider-label
	//b)die schon gezeigten
	$('div.Gas .ui-helper-reset > li:lt('+tmp_i+')').css({color: "#3c6eae", fontWeight: "bold"});	//> .ui-slider-label
	//c)den aktuellen
	$('div.Gas .ui-helper-reset > li:eq('+tmp_i+')').css({color: "#3c6eae", fontWeight: "bold"});		//> .ui-slider-label

});