<!--
// JavaScript Document
$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				// FOR LARGE IMAGES
				//Vertical Sliding
				$('.theLargeImage.slidedown').hover(function(){
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
				});
				//Horizontal Sliding
				$('.theLargeImage.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'344px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				//Diagnal Sliding
				$('.theLargeImage.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'344px', left:'344px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.theLargeImage.peek').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
				//Full Caption Sliding (Hidden to Visible)
				// THIS IS THE ONE WE USE AND THE SMALL ONE BELOW
				$('.theLargeImage.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'180px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.theLargeImage.caption').hover(function(){
					$(".cover", this).stop().animate({top:'274px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'344px'},{queue:false,duration:160});
				});
				
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//FOR SMALL IMAGES
				$('.theSmallImage.slidedown').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:500});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500});
				});
				//Horizontal Sliding
				$('.theSmallImage.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'160px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				//Diagnal Sliding
				$('.theSmallImage.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'160px', left:'160px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.theSmallImage.peek').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
				//Full Caption Sliding (Hidden to Visible)
				//THIS IS THE ONE WE USE NAD THE LARGE ONE ABOVE
				$('.theSmallImage.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'180px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.theSmallImage.caption').hover(function(){
					$(".cover", this).stop().animate({top:'120px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				});
			});
-->