$(function() {

    $('#bottom-left').hover(function() {
        $('img.top', $(this)).stop().animate({left: '-225px', top: '350px'}, 1000);
    },function() {
        $('img.top', $(this)).stop().animate({left: '0', top: '0'}, 1000);
    });
    $('#vertical').hover(function() {
        $('img.top', $(this)).stop().animate({top: '-350px'}, 1000);
    },function() {
        $('img.top', $(this)).stop().animate({top: '0'}, 1000);
    });
    
    $('#left').hover(function() {
        $('img.top', $(this)).stop().animate({left: '-225px'}, 1000);
    },function() {
        $('img.top', $(this)).stop().animate({left: '0'}, 1000);
    });
    
    $('#bottom-left').hover(function() {
        $('img.top', $(this)).stop().animate({left: '-293px', top: '188px'}, 1000);
    },function() {
        $('img.top', $(this)).stop().animate({left: '0', top: '0'}, 1000);
    });
    
    $('#bottom').hover(function() {
        $('img.top', $(this)).stop().animate({bottom: '-350px'}, 1000);
    },function() {
        $('img.top', $(this)).stop().animate({bottom: '0'}, 1000);
    });
    
    $('#right').hover(function() {
        $('img.top', $(this)).stop().animate({left: '225px'}, 1000);
},function() {
    $('img.top', $(this)).stop().animate({left: '0'}, 1000);
    });
    
    $('#bottom-right').hover(function() {
        $('img.top', $(this)).stop().animate({left: '-225px'}, 1000);
    },function() {
        $('img.top', $(this)).stop().animate({left: '0'}, 1000);
    });
    
});