var defaultSubNavX;
var defaultSubNavWidth;
var defaultElement;

var submenuCoords;
var underline;

var effect;

function handleMouseOver(el)
{
	var mouseOverCoords = el.getCoordinates();
	var itemPlace = mouseOverCoords['left']-submenuCoords['left'];
	
	underline.setStyle('opacity',1);

	effect.cancel();
	effect.start(getCurrentPosition(),itemPlace);
	underline.setStyle('width',el.getCoordinates().width);
}

function handleResize()
{
	setDefault(defaultElement);
}

function setDefault(el) 
{
	if (defaultElement == undefined)
	{
		defaultElement = el;
		window.addEvent('resize', handleResize);
		
		underline = $('sub_underline');
		effect = underline.effect = new Fx.Tween(underline, $extend({property: 'left'}, {duration: 200, transition: Fx.Transitions.linear}));
	}
	submenuCoords = $('submenu').getCoordinates();
	var mouseOverCoords = el.getCoordinates();
	defaultSubNavX = mouseOverCoords['left']-submenuCoords['left'];
	defaultSubNavWidth = el.getCoordinates().width;
	
	underline.setStyle('left',defaultSubNavX);
	underline.setStyle('width',defaultSubNavWidth);
}

function restoreDefault()
{
	effect.pause();
	effect.start(getCurrentPosition(),defaultSubNavX);
	underline.setStyle('width',defaultSubNavWidth);
}

function getCurrentPosition()
{
	var underlineCoords = underline.getCoordinates();
	var curPosition = underlineCoords['left']-submenuCoords['left'];
	return curPosition;
}