var menuFx;

window.addEvent('domready', function(){

	var left = 0;
	
	var menuLight = $('menu_light');
	var menuLightInner = $('menu_light_inner');
	
	menuFx = new Fx.Elements([menuLight, menuLightInner], {wait: false, transition: Fx.Transitions.Back.easeOut, duration: 1000});

	$$('#menu a.menuitem').each(function(el){
		el.mooLeft = left;
		left += el.offsetWidth;
		el.addEvent('mouseover', function(){
			ustawMenu(el.mooLeft, el.offsetWidth);
		});
	});
	
	try{
		// ustawienie do pozycji startowej
		var selected = $E('#menu a.selected');
		menuLight.style.left = selected.mooLeft+"px";
		menuLight.style.width = selected.offsetWidth+"px";
		menuLightInner.style.left = "-"+selected.mooLeft+"px";
	}catch(Ex){}
});

function ustawMenu(left, width){
	menuFx.start({
		'0': {left: left, width: width},
		'1': {left: -1*left}
	});
}