// JavaScript Document

var coordinates, items;
function initMenu()
{
	if (!$("item_menu_active")) return;

	coordinates = $("item_menu_active").getCoordinates();
	$("menu_slider").setStyle("width", coordinates.width);
	$("menu_slider").setStyle("height", coordinates.height);
	$("menu_slider").setStyle("left", coordinates.left);

	items = $("menu").getElementsByTagName("LI");

	for (var i=0; i<items.length; i++)
	{
		items[i].onmouseover = function() {
			highlightItem(this);
		};
	}
	
	$("menu").onmouseover = function() {
		$("item_menu_active").setStyle("background-color", "transparent");
	}
	$("menu").onmouseout = function() {
		highlightItem($("item_menu_active"));
	}
}
addOnLoad(initMenu);

var coordinates, sliderMorph;
function highlightItem(li)
{
	coordinates = $(li).getCoordinates();

	if (typeof(sliderMorph) != "undefined") sliderMorph.pause();

	sliderMorph = new Fx.Morph($("menu_slider"), {duration: 600, transition: Fx.Transitions.Sine.easeOut});

	sliderMorph.start({
		"width": coordinates.width,
		"left": coordinates.left
	});
}