/// <reference name="MicrosoftAjax.js"/>
/// <reference path="jquery-1.3.2.js"/>

var menuUI = {
	currentNode: null,
	Baseline: function()
	{
		return $('.selectedmenuitem').offset().left;
	}
}

$(document).ready(
	function()
	{
		menuUI.currentNode = $(".selectedmenuitem:first");
		alignMenu();
	});

function onNodeOver(ele)
{
	if (menuUI.currentNode != ele) {
		alignMenu();
	}
}

function onNodeOut(ele)
{
	if (menuUI.currentNode != ele) {
		alignMenu();
	}
}

function alignMenu()
{
	var leftEle = $('.menu ul li:first');
	var eleToMove = $('.selectedmenuitem div.lvl2:first');
	eleToMove.css({ left: leftEle.offset().left - menuUI.Baseline() });
}