$(document).ready(function(){
var margin = $("#image1").width()/2;
var width=$("#image1").width();
var height=$("#image1").height();
$("#image2").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});
	$("#image1").mouseenter(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:150});
		window.setTimeout(function() {
		$("#image2").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:150});
		},150);
	});
	$("#image2").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:150});
		window.setTimeout(function() {
		$("#image1").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:150});
		},150);
	});
});