请求使用AJAX调整打开门效果

Question

我正在尝试调整本教程：http://thefinishedbox.com/tutorials/javascript-ajax/sliding-doors-jquery-tutorial/，以便在翻转图像时创建打开门的效果。我已经走到了这一步：http://oneonmarlin.com/slide_test/但我想要的是“门”的两侧，在这种情况下是徽标，同时打开并显示两个底衬图像。这是行动的JS：

$(function() {

$('#left').hover(function() {
    $('img.top', $(this)).stop().animate({left: '-150px'}, 500);
},function() {
    $('img.top', $(this)).stop().animate({left: '0'}, 500);
});



$('#right').hover(function() {
    $('img.top', $(this)).stop().animate({left: '150px'}, 500);
},function() {
    $('img.top', $(this)).stop().animate({left: '0'}, 500);
});

});

任何人都可以告诉我如何调整这个以便我将鼠标放在左侧还是右侧两侧“打开”？

感谢。