window.addEvent('domready', function() {
   
	var elem_left = 0;
	var active_move = false;
	var go_to_pos = elem_left;
	var on_elem = false;
	var home_link = false;
		
	
	$$('.menu_item').each(function(el){
		
		if (el.id == "menu_selected")
		{	
			elem_left = el.offsetLeft+(el.offsetWidth/2)-12;
			go_to_pos = elem_left;
			$('menu_arrow').setStyle("left",elem_left+"px");
			$('menu_arrow').innerHTML = "<img src=\"/images/menu_arrow.gif\"/>";
			home_link = true;
		}
		
		
		el.addEvent('mouseenter',function() {
			on_elem = true;
			ypos = (el.offsetLeft+(el.offsetWidth/2)-12);
			
			if (home_link == false)
			{
				
				
				$('menu_arrow').setStyle("left",ypos+"px");
				$('menu_arrow').fade("hide");
				$('menu_arrow').innerHTML = "<img src=\"/images/menu_arrow.gif\"/>";		
				$('menu_arrow').fade("in");
			
			}
			else
			{
				if (active_move == false)
				{
					move(ypos);
				}
				else
				{
					go_to_pos = ypos;
				}
			}
			
			//$('menu_arrow').innerHTML = "<img src=\"/images/menu_arrow.gif\"/>";
			//$('menu_arrow').setStyle("left",ypos+"px");
			
		});
		
		el.addEvent('mouseleave',function() {
			on_elem = false;
			
			if (home_link == false)
			{
				$('menu_arrow').innerHTML = "";						
			}
			else
			{
				(function() { if (on_elem == false) {mousehome();}}).delay(100);
			}
			//$('menu_arrow').innerHTML = "<img src=\"/images/menu_arrow.gif\"/>";
			//$('menu_arrow').setStyle("left",ypos+"px");
			
		});
		
		
	
		
	});
	
	function move(ypos)
	{
		
		var myFx = new Fx.Tween('menu_arrow', {transition: Fx.Transitions.Linear, duration: 300});
		myFx.addEvent('complete', function() { 
			active_move = false;
		
			if (ypos != go_to_pos)
			{
				move(go_to_pos);
			}

	
		});
		
		active_move = true;
		go_to_pos = ypos;
		myFx.start('left', ypos+'px');
		
	}
	
	function go_home() {
		
		
	}
	
	function mousehome()
	{
		

		
		
		if (active_move == false)
		{
		
			var myFx = new Fx.Tween('menu_arrow', {transition: Fx.Transitions.Linear, duration: 300});
			myFx.addEvent('complete', function() { 
				active_move = false;
				if (elem_left != go_to_pos)
				{
					move(go_to_pos);
				}
						
			});
		
			active_move = true;
			go_to_pos = elem_left;
			myFx.start('left', elem_left+'px');		
		
		
		
		}
		else
		{
			go_to_pos = elem_left;
		}
		
		
		
		
		
	}
	
	
});

				
			