$(document).ready(function() {
		$("#revertflip1").hide();
		
		$("#flip1pad a:not(#revertflip1)").bind("click",function(){
			$("#showflip1").hide();
			var $this = $(this);
			$("#flip1box").flip({
				direction: $this.attr("rel"),
				bgColor: '#e4e4e4',
				color: '#e4e4e4',
				content: '<img src="images/left_01_back.jpg" width="220" height="217" alt="left 01 back" />',
				onBefore: function(){$("#revertflip1").show()}
			})
			return false;
		});
		
		$("#revertflip1").bind("click",function(){
			$("#flip1box").revertFlip();
			$("#revertflip1").hide();
			$("#showflip1").show();
			return false;
		});
		


		$("#revertflip2").hide();
		
		$("#flip2pad a:not(#revertflip2)").bind("click",function(){
			$("#showflip2").hide();
			var $this = $(this);
			$("#flip2box").flip({
				direction: $this.attr("rel"),
				bgColor: '#e4e4e4',
				color: '#e4e4e4',
				content: '<img src="images/left_02_back.jpg" width="220" height="154" alt="left 02 back" />',
				onBefore: function(){$("#revertflip2").show()}
			})
			return false;
		});
		
		$("#revertflip2").bind("click",function(){
			$("#flip2box").revertFlip();
			$("#revertflip2").hide();
			$("#showflip2").show();
			return false;
		});
		
		
		$("#revertflip3").hide();
		
		$("#flip3pad a:not(#revertflip3)").bind("click",function(){
			$("#showflip3").hide();
			var $this = $(this);
			$("#flip3box").flip({
				direction: $this.attr("rel"),
				bgColor: '#e4e4e4',
				color: '#e4e4e4',
				content: '<img src="images/left_03_back.jpg" width="209" height="105" alt="left 03 back" />',
				onBefore: function(){$("#revertflip3").show()}
			})
			return false;
		});
		
		$("#revertflip3").bind("click",function(){
			$("#flip3box").revertFlip();
			$("#revertflip3").hide();
			$("#showflip3").show();
			return false;
		});
	});