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

	var navibg = $('navibg');
	var navifx = new Fx.Morph(navibg, {link: 'cancel', duration: 700, transition: Fx.Transitions.Back.easeOut});

	var aktywny = document.getElement("#navi a.selected");
	if(!aktywny){
		aktywny = document.getElement("#navi a");
	}
	
	function ustawNavi(element){
		navifx.start({
			'width': element.offsetWidth,
			'left': element.offsetLeft
		});
	}

	navifx.set({
		'width': aktywny.offsetWidth,
		'left': aktywny.offsetLeft
	});

	navibg.setStyle('visibility', 'visible');

	czas = 0;
	
	$$('#navi a').addEvents({
		
		'mouseover': function(){
			clearTimeout(czas);
			ustawNavi(this);
		},
		
		'mouseout': function(){
			clearTimeout(czas);
			czas = setTimeout(function(){
				ustawNavi(aktywny);
			}, 500);
		}

	});

});