$(document).ready(function() {
	
	//Slidey tabs!
	back = $('<li class="back"></li>');
	current = $(".current_page_item")

	$("#menu ul").append(back);
	$("#menu ul li:hover").removeClass();

	back.width(current.width());
	back.height(current.height());
	back.css('left',current.position().left);
	back.addClass('current_page_item');
	current.removeClass('current_page_item');
	
	
	$("#menu ul li").hover(
		function(){
			back.stop(true,false).animate({'left': $(this).position().left, 'width' : $(this).width()},500);
		},
		function(){
			back.animate({'left': current.position().left, 'width' : current.width()},250);
		}
	)

});