$(document).ready(function() {
	var anzahlJahre = 5;												 
  $("#slider").slider({
		value: 10,
		slide: function(event, ui){
			showYear(Math.floor(ui.value/(100/anzahlJahre)));
		}
	});
});


/*	window.addEvent('domready', function(){
			var el = $('myElement');
			new Slider(el, el.getElement('.knob'), {
				steps: 5,	// Anzahl Jahreszahlen
				range: [0],	//  Startet bei 0
				onChange: function(value){
					showYear(value);
				}
			});
		});              
		*/
	function showYear(sliderPos){
		// Array wegen Kompatibilität zu anderen Versionen verwendet
		// Für neue Periode muss neu durchnummeriert werden, das beim Slider zuvorderst muss  Nummer 0 sein.
		var jahr = new Array(); 
		jahr[0] = "jahr_2000_2009"; 
		jahr[1] = "jahr_1990_1999"; 
		jahr[2] = "jahr_1970_1989"; 
		jahr[3] = "jahr_1950_1969"; 
		jahr[4] = "jahr_1936_1949"; 
		// Wert vom Selectfeld wird genommen und im Array rausgeholt. Alle einträge ausser dem selektierten werden auf NONE gesetzt, selektierter auf BLOCK 
		// Wenn SliderPosition ($SliderPos) 0 ist, dann wird das DIV mit ID = "Array Position 0" angezeigt usw.
		for(i=0; i<jahr.length; i++) {
			if(i != sliderPos){
				document.getElementById(jahr[i]).style.display = 'none';
			}else{
				document.getElementById(jahr[i]).style.display = 'block';
			}
		}
		if(sliderPos > jahr.length-1){
			//Workaround um letzten anzuzeigen, Slider geht 1 höher als es Einträge hat - wegen besserer Darstellung
			document.getElementById(jahr[sliderPos-1]).style.display = 'block';
		}
	}