$().ready(
function()
{
	var margin =$("#image1").width()/2;
	var width=$("#image1").width();
	var height=$("#image1").height();
	
	var current = 1;
	
	$("#image2").stop().css({width:'0px',height:height+'px',marginLeft:margin+'px',opacity:'0.5'});
	
	
	$("#image3").click(
		function()
		{
			if(current==2)
			{
				$("#image2").trigger("click");
			}
			else
			{
				$("#image1").trigger("click");
			}
		});
	
	$("#image1").click(
		function()
		{
			current=2;
			$(this).stop().animate({width:'0px',height:height+'px',marginLeft:margin+'px',opacity:'0.5'},{duration:500});
			window.setTimeout(
				function() 
				{
					$("#image2").stop().animate({width:width+'px',height:height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
				},500);
		});
	
	$("#image2").click(
		function()
		{
			current=1;
			$(this).stop().animate({width:'0px',height:height+'px',marginLeft:margin+'px',opacity:'0.5'},{duration:500});
			window.setTimeout(
				function() 
				{
					$("#image1").stop().animate({width:width+'px',height:height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
				},500);
		});
});