$(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',opacity:'0.5'});
$("#reflection2").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});

	$("#image1").hover(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection1").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image2").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection2").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	$("#image2").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection2").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image1").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection1").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	
var margin = $("#image3").width()/2;
var width=$("#image3").width();
var height=$("#image3").height();
$("#image4").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'});
$("#reflection4").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});

	$("#image3").hover(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection3").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image4").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection4").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	$("#image4").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection4").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image3").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection3").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	
var margin = $("#image5").width()/2;
var width=$("#image5").width();
var height=$("#image5").height();
$("#image6").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'});
$("#reflection6").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});

	$("#image5").hover(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection5").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image6").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection6").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	$("#image6").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection6").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image5").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection5").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	
var margin = $("#image7").width()/2;
var width=$("#image7").width();
var height=$("#image7").height();
$("#image8").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'});
$("#reflection6").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});

	$("#image7").hover(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection7").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image8").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection8").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	$("#image8").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection7").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image7").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection7").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	
var margin = $("#image9").width()/2;
var width=$("#image9").width();
var height=$("#image9").height();
$("#image10").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'});
$("#reflection9").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});

	$("#image9").hover(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection9").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image10").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection10").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	$("#image10").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection9").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image9").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection9").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	
var margin = $("#image11").width()/2;
var width=$("#image11").width();
var height=$("#image11").height();
$("#image10").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'});
$("#reflection11").stop().css({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'});

	$("#image11").hover(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection11").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image12").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection12").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	$("#image12").mouseleave(function(){
		$(this).stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px',opacity:'0.5'},{duration:500});
		$("#reflection11").stop().animate({width:'0px',height:''+height+'px',marginLeft:''+margin+'px'},{duration:500});
		window.setTimeout(function() {
		$("#image11").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px',opacity:'1'},{duration:500});
		$("#reflection11").stop().animate({width:''+width+'px',height:''+height+'px',marginLeft:'0px'},{duration:500});
		},500);
	});
	

	
});