$(document).ready(function() {  
  
    //move the image in pixel  
    var move = -15;  
      
    //zoom percentage, 1.2 =120%  
    var zoom = 1.2;  
  
    //On mouse over those thumbnail  
    $('.button').hover(function() {  
          
        //Set the width and height according to the zoom percentage  
        width = $('.button').width() * zoom;  
        height = $('.button').height() * zoom;  
          
        //Move and zoom the image  
        $(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});  
          
        //Display the caption  
        $(this).find('.caption').stop(false,true).fadeIn(200).css("display","block").click(function(){
		window.location=$(this).find("a").attr("href");
  		return false;
	});  
    },  
    function() {  
        //Reset the image  
        $(this).find('img').stop(false,true).animate({'width':$('.button').width(), 'height':$('.button').height(), 'top':'0', 'left':'0'}, {duration:100});      
  
        //Hide the caption  
        $(this).find('.caption').stop(false,true).fadeOut(200);  
    });  
  
});