// JavaScript Document

$(document).ready(function(){

	$('#Moorish').click(function() {
	  $('#thePhoto').animate({
		top: '-35',
		left: '-355',
		},3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	
	$('#Klunzinger').click(function() {
	  $('#thePhoto').animate({
		top: '-725',
		left: '-240',
		},3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Shark').click(function() {
	  $('#thePhoto').animate({
		top: '-845',
		left: '-1620',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Seahorse').click(function() {
	  $('#thePhoto').animate({
		top: '-310',
		left: '-1800',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Mandarin').click(function() {
	  $('#thePhoto').animate({
		top: '-265',
		left: '-435',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Turtle').click(function() {
	  $('#thePhoto').animate({
		top: '-310',
		left: '-1650',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Dolphins').click(function() {
	  $('#thePhoto').animate({
		top: '-775',
		left: '-0',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Clown').click(function() {
	  $('#thePhoto').animate({
		top: '-195',
		left: '-1400',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Longnose').click(function() {
	  $('#thePhoto').animate({
		top: '-600',
		left: '-880',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Lobster').click(function() {
	  $('#thePhoto').animate({
		top: '-685',
		left: '-1900',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Blue').click(function() {
	  $('#thePhoto').animate({
		top: '-250',
		left: '-0',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Mustache').click(function() {
	  $('#thePhoto').animate({
		top: '-30',
		left: '-1900',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Lion').click(function() {
	  $('#thePhoto').animate({
		top: '-45',
		left: '-925',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
	$('#Octopus').click(function() {
	  $('#thePhoto').animate({
		top: '-950',
		left: '-950',	
	  },3000)
	  $(".current").removeClass();
	  $(this).addClass("current");
	})
	
})