$(document).ready(function(){ 
// MagicLine Navigation
	var $el, leftPos, newWidth,
		$mainNav = $("#magic");

	$mainNav.append("<li id='magic-line'></li>");
	var $magicLine = $("#magic-line");

	$magicLine
		.width($(".menu-current, .menu-parent").width())
		.css("left", $(".menu-current a, .menu-parent a").position().left)
		.data("origLeft", $magicLine.position().left)
		.data("origWidth", $magicLine.width());

	$("#magic li a").hover(function() {
		$el = $(this);
		leftPos = $el.position().left;
		newWidth = $el.parent().width();
		$magicLine.stop().animate({
			left: leftPos,
			width: newWidth
		});
	}, function() {
		$magicLine.stop().animate({
			left: $magicLine.data("origLeft"),
			width: $magicLine.data("origWidth")
		});
	});
});