var menuFx;

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

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

	$$('#menu_down 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 mooLeft2;
		var selected = $$('#menu_down 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.setStyle('left', mooLeft2+"px");
		menuLight.setStyle('width', selected.getStyle('width'));
		menuLightInner.setStyle('left', "-"+mooLeft2+"px");	
	}catch(Ex){}
});

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