jQuery(document).ready(function($) {	
			
			$("#slider0").slider({range: "min",min: 0,max: 100,	value: 0,animate: true,slide: function(event, ui) {$("#distanz").val(ui.value);$("#distanztext").html(ui.value + " km");checkdistanz(ui.value);}});
			changeslider("slider0",$("#distanz").val());
			
			$("#slider1").slider({value:0,min: 0,max: 4,step: 1,animate: true,slide: function(event, ui) {$("#schwierigkeit").val(ui.value);}});
			addlabels("slider1","Egal|Leicht|Mittel|Schwer|Extrem");
			changeslider("slider1",$("#schwierigkeit").val());
			$("#schwierigkeit").css('display','none');

			$("#slider2").slider({value:0,min: 0,max: 4,step: 1,animate: true,slide: function(event, ui) {$("#dauer").val(ui.value);}});
			addlabels("slider2","Egal|2&nbsp;Std.|bis&nbsp;4&nbsp;Std.|bis&nbsp;6&nbsp;Std.|>&nbsp;6&nbsp;Std.");
			changeslider("slider2",$("#dauer").val());
			$("#dauer").css('display','none');
			
			$("#slider3").slider({value:0,min: 0,max: 4,step: 1,animate: true,slide: function(event, ui) {$("#hoehenmeter").val(ui.value);}});	
			addlabels("slider3","Egal|500|1000|1500|>1500");	
			changeslider("slider3",$("#hoehenmeter").val());
			$("#hoehenmeter").css('display','none');
				
			$("#kategorien div").bind("click", function(){ 
				$("#kategorien div").removeClass("checkboxselected");
				$("#kategorien div").addClass("checkbox");				
				$('input[name="Feld_Kategorie"]')[$(this).attr("pos")].checked = true;				
				$(this).addClass("checkboxselected");
			})
		
			function checkdistanz(wert){	if (wert==0) {document.getElementById("distanztext").innerHTML = "Egal";}}
			
			// Value ändern
			function changeslider(name, wert){
				$("#" + name).slider( 'value' , wert);
			}
			
			// Labels hinzufügen		
			function addlabels(div, liste){
				
				var labels = liste.split("|");
				var width = $("#" + div).width();
				var margin = parseInt(width/(labels.length-1));
				var offset = 0;
						
				for (var i=0;i<=labels.length-1;i++)
				{				
					$("#" + div).append("<span id='" + div + "_label" + i + "'>" + labels[i] + "</span>");	
					if (i == 0){offset=0;}			
					if (i > 0){offset= (margin*i)-($("#" + div + "_label" + i).width()/2);}
					if (i == labels.length-1){offset=width-$("#" + div + "_label" + i).width();}		
					$("#" + div + "_label" + i).css('position', 'absolute');	
					$("#" + div + "_label" + i).css('left', offset + 'px');	
				}
			}

			
		});
