window.addEvent('domready', function(){
		var szNormal = 100, szSmall  = 60, szFull   = 360;

		var menu = $$("#menu .element");
		var fx = new Fx.Elements(menu, {wait: false, duration: 800, transition: Fx.Transitions.Back.easeOut});
		menu.each(function(element, i) {			
			element.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [element.getStyle("width").toInt(), szFull]}
				menu.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});				
				if (document.getElementById('preview_' + element.id).innerHTML == '') {
					doRequestMenu('/dynamic/getNewContent.php','section=' + element.id,"preview_" + element.id,1);				
				}
				fx.start(o);
			}); 
		});
		 
		$("menu").addEvent("mouseleave", function(event) {
			var o = {};
			menu.each(function(element, i) {
				o[i] = {width: [element.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		})
	});