$(document).ready(function(){
var margin =$("#flip").width()/2;
var width=$("#flip").width();
var height=$("#flip").height();
var i=1;
$.fn.flipImages=function(){
if(i==1){
		$("#flip").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
window.setTimeout(function() {
		$("#flop").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
},500);
i=2;
}else{
		$("#flop").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
window.setTimeout(function() {
		$("#flip").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
},500);
i=1;
}
};
setInterval('$("#container").flipImages()', 6000);//change the time interval acc. to your needs
});