// jQuery Easing

$(document).ready(function() {
	$('li.menu-item-1').hover(function(event) {
		$('#hook_1')
			.animate(
				{ left: 11 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				})
			.animate(
				{ left: 0 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				});
	});
});



$(document).ready(function() {
	$('li.menu-item-2').hover(function(event) {
		$('#hook_2')
			.animate(
				{ left: 8 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				})
			.animate(
				{ left: 0 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				});
	});
});

$(document).ready(function() {
	$('li.menu-item-3').hover(function(event) {
		$('#hook_3')
			.animate(
				{ left: 14 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				})
			.animate(
				{ left: 0 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				});
	});
	
});

$(document).ready(function() {
	$('li.menu-item-4').hover(function(event) {
		$('#hook_4')
			.animate(
				{ right: 18 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				})
			.animate(
				{ right: 0 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				});
	});
	
});

$(document).ready(function() {
	$('li.menu-item-5').hover(function(event) {
		$('#hook_5')
			.animate(
				{ right: 14 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				})
			.animate(
				{ right: 0 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				});
	});
	
});

$(document).ready(function() {
	$('li.menu-item-last').hover(function(event) {
		$('#hook_6')
			.animate(
				{ left: 14 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				})
			.animate(
				{ left: 0 }, {
					duration: 'slow',
					easing: 'easeOutBack'
				});
	});
	
});