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;
	//	alert(el.mooLeft);		
		left += el.offsetWidth;
		el.addEvent('mouseover', function(){
			ustawMenu(el.mooLeft, el.offsetWidth);
		});
	});
	
	try{
		// ustawienie do pozycji startowej
	//	alert(mooLeft);
	var mooLeft2;
		var selected = $$('#menu a.selected');
		if(selected.getProperty('id') == "m1"){
			mooLeft2 = $('m1').mooLeft;
		}else if(selected.getProperty('id') == "m2"){
			mooLeft2 = $('m2').mooLeft;
		}else if(selected.getProperty('id') == "m3"){
			mooLeft2 = $('m3').mooLeft;
		}else if(selected.getProperty('id') == "m4"){
			mooLeft2 = $('m4').mooLeft;		
		}
	//	menuLight.style.left = selected.mooLeft+"px";
		menuLight.setStyle('left', mooLeft2+"px");
	//	menuLight.style.width = selected.offsetWidth+"px";
		menuLight.setStyle('width', selected.getStyle('width'));
	//	menuLightInner.style.left = "-"+selected.mooLeft+"px";
		menuLightInner.setStyle('left', "-"+mooLeft2+"px");
		

	}catch(ex){alert('błąd');}
	
	function ustawMenu(left, width){
		menuFx.start({
			'0': {left: left, width: width},
			'1': {left: -1*left}
		});
	}
});