(function($){
	$(document).ready(function() {
		var el, leftPos, newWidth,
		   mainNav2 = $("#navigation ul");
		  
		/*
			EXAMPLE TWO
		*/
		mainNav2.append("<li id='magic-line-two'></li>");
		if ($("#navigation ul .current").length <= 0){
			$("#navigation ul li:first").addClass("current");
		};
		var magicLineTwo = $("#magic-line-two");
		
		magicLineTwo
			.width($(".current").width())
			.height(mainNav2.height())
			.css("left", $(".current a").position().left)
			.data("origLeft", $(".current a").position().left)
			.data("origWidth", magicLineTwo.width());
					
		$("#navigation li").find("a").hover(function() {
			el = $(this);
			leftPos = el.position().left;
			newWidth = el.parent().width();
			magicLineTwo.stop().animate({
				left: leftPos,
				width: newWidth
			});
		}, function() {
			magicLineTwo.stop().animate({
				left: magicLineTwo.data("origLeft"),
				width: magicLineTwo.data("origWidth")
			});  
		});
		
		$('.rooms, #subnav').not('#subnav.show, .rooms.current').hover(function() {
			$('#subnav').show();
			el = $('#navigation li.rooms');
			leftPos = el.position().left;
			newWidth = el.width();
			magicLineTwo.stop().animate({
				left: leftPos,
				width: newWidth
			});
		},
		function() {
			$('#subnav').hide();
			el = $('#navigation li.current');
			leftPos = el.position().left;
			newWidth = el.width();
			magicLineTwo.stop().animate({
				left: leftPos,
				width: newWidth
			});
		});
		
   });
})(jQuery);