$(document).ready(function(){
var margin = $("#image1").width()/2;
var width=$("#image1").width();
var height=$("#image1").height();
var firstImage = "#image2";
var secondImage = "#image1";

$("#image2").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'});

flipImage();
function flipImage()
{
    if(firstImage == "#image2")
    {
        firstImage = "#image1";
        secondImage = "#image2";
    }
    else
    {
        firstImage = "#image2";
        secondImage = "#image1";
    }
	$(firstImage).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
	window.setTimeout(function() {
	$(secondImage).stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
	t = setTimeout(function(){
	flipImage()},5500);
	},500);
	}
});