// JavaScript Document
$(document).ready(function() {
$('.nav a')
.css( {backgroundPosition: "0 0"} )
		.hover(function(){
		$(this).animate(
			{backgroundPosition:"(0 -78px)"}, 
			{queue:false, duration:400, slide: 'slideup'})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"}, 
			{duration:200})
		})
	$('.nav a')
		.mousedown(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -156px)"}, 
			{duration:100, slide: 'slidedown'})
		})
		.mouseup(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -156)"}, {duration:300})
		})


	$("#sidenav #overview a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 0)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 0)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 0)"})
	});
	$("#sidenav #tips a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -34px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -34px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -34px)"})
	});
	$("#sidenav #bts a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -69px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -69px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -69px)"})
	});
		$("#sidenav #bus a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -102px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -102px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -102px)"})
	});
$("#sidenav #van a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -136px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -136px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -136px)"})
	});
	$("#sidenav #boat a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -171px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -171px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -171px)"})
	});
	$("#sidenav #tuk a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -205px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -205px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -205px)"})
	});
	$("#sidenav #train a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -239px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -239px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -239px)"})
	});
	$("#sidenav #airport a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -274px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -274px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -274px)"})
	});
	$("#sidenav #dangers a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -307px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -307px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -307px)"})
	});
	$("#sidenav #fun a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -341px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -341px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -341px)"})
	});
	$("#sidenav #shopping a").hover(function() {	//On hover...
		$(this).stop().animate({backgroundPosition:"(0 -375px)"}, 
			{duration:500, easing: 'easeOutBounce'})
	}, function() { //On hover out...
		$(this).stop().animate({backgroundPosition:"(166 -375px)"}, {duration:500, easing: 'easeOutBounce'})
	})
	.mousedown(function(){$(this).stop().animate({backgroundPosition:"(0 -375px)"})
	});
	

						   });