$(document).ready(function() {

	$('.long').hover(
	function () {

		value = $(this).find('img').outerHeight() * -1;

		$(this).find('img').stop().animate({top: 135} ,{duration:700, easing: 'easeOutExpo'});	
		
	},
	function () {
		
		$(this).find('img').stop().animate({top:0} ,{duration:500, easing: 'easeOutExpo'});	
	
	});
	
			//allows clickign of the image
	$('.long').click(function () {	
			//gets the first link in the thumbnail
		window.location = $(this).find('a:first').attr('href');
	});
});

$(document).ready(function() {

	$('.short').hover(
	function () {

		value = $(this).find('img').outerHeight() * -1;

		$(this).find('img').stop().animate({top: 90} ,{duration:700, easing: 'easeOutExpo'});	
		
	},
	function () {
		
		$(this).find('img').stop().animate({top:0} ,{duration:500, easing: 'easeOutExpo'});	
	
	});
	
			//allows clickign of the image
	$('.short').click(function () {	
			//gets the first link in the thumbnail
		window.location = $(this).find('a:first').attr('href');
	});
});

$(document).ready(function() {
	$("img.rollover").hover(
	 function() {
 		this.src = this.src.replace("_off","_on");
	 },
 	function() {
  		this.src = this.src.replace("_on","_off");
	});
});