function initSlider(){
	var sizeS = 115, sizeM = 170, sizeL = 335;
	if(document.compatMode && document.all && !window.XMLHttpRequest){
		/* 
		   IE6 braucht leicht abgeänderte (und vor allem: gerade) Werte, da sonst beim Ändern
		   der Größe der einzelnen Listenelemente die beiden rechts ausgerichteten Ecken um ein
		   Pixel zu wenig verschoben werden, was nicht schön aussieht. Vermutlich Rundungsfehler.
		*/
		sizeS = 116, sizeL = 334;
	}
	var list_items = $$("#slider li a");
	var frames = $$("#slider .frame");
	var effect = new Fx.Elements(frames, {wait: false, duration: 300, transition: Fx.Transitions.Expo.easeInOut});
	
	list_items.each(function(list_item, i) { // Die DIVs für die runden Ecken einfügen
		var div1 = new Element("div", {'class': 'tl'});
		var div2 = new Element("div", {'class': 'tr'});
		var div3 = new Element("div", {'class': 'br'});
		var div4 = new Element("div", {'class': 'bl'});
		div1.inject(list_item);
		div2.inject(list_item);
		div3.inject(list_item);
		div4.inject(list_item);
	});
	
	frames.each(function(frame, i) {
		frame.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [frame.getStyle("width").toInt(), sizeL]}
			frames.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != sizeS) o[j] = {width: [w, sizeS]};
				}
			});
			effect.start(o);
		});
	});
	
	$("slider").addEvent("mouseleave", function(event) {
		var o = {};
		frames.each(function(frame, i) {
			o[i] = {width: [frame.getStyle("width").toInt(), sizeM]}
		});
		effect.start(o);
	});
}

window.addEvent('domready', function(){
	if($("slider")){
		initSlider();
	}
	
});