window.addEvent('domready',function(){
	
	$$('.menu a').each(function(el) {
		
		el.addEvent('mouseover',function() { 
			
			//alert('move');
			
			selecteMenu = el.get('rel')
			
			//alert(selecteMenu);
			
			//------- count width ------
			var leftPosition = 162;
			for(i=0;i<selecteMenu;i++){
				
				//alert('menuWidth:'+menuItems[i].toInt());
				
				leftPosition = leftPosition + menuItems[i].toInt() + 20;
				
			}
			
			leftPosition = leftPosition + (menuItems[selecteMenu].toInt()/2) - 3;
			
			//alert(menuItems[selecteMenu]);
			
			//alert(leftPosition);
			
			//var myFx = new Fx.Tween('menuSlider');
			//Immediately sets the background color of the element to red:
			//myFx.set('background-position', leftPosition+'px 0');
			
			$('menu').tween('background-position', leftPosition+'px 0');
			
			
			
		});
		
	});
	
	//187
	
	//$('menu').tween('background-position', '210px 0');
	
	$('menu').setStyle('background-position', '187px 0');
	
	var menuItems = $('menu').getElements('li').getStyle('width');
	               	
});