var box1Toggle = "false" ;
var box2Toggle = "false" ;
var box3Toggle = "false" ;
var box4Toggle = "false" ;
var box5Toggle = "false" ;
var box6Toggle = "false" ;
var box7Toggle = "false" ;
var box8Toggle = "false" ;



$(function(){
	$('#box1').click(function(){
		if (box1Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box1Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize:"0.25em",height: "70px"}, 1500);
			box1Toggle = "false" ;
		}
	});
	$('#box2').click(function(){
		if (box2Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box2Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box2Toggle = "false" ;
		}
	});
	$('#box3').click(function(){
		if (box3Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box3Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box3Toggle = "false" ;
		}
	});
	$('#box4').click(function(){
		if (box4Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box4Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box4Toggle = "false" ;
		}
	});
	$('#box5').click(function(){
		if (box5Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box5Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box5Toggle = "false" ;
		}
	});
	$('#box6').click(function(){
		if (box6Toggle == "false") {
			$(this).animate({width: "220px",fontSize: "1em",height: "210px"}, 1500);
			box6Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box6Toggle = "false" ;
		}
	});
	$('#box7').click(function(){
		if (box7Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box7Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box7Toggle = "false" ;
		}
	});
	$('#box8').click(function(){
		if (box8Toggle == "false") {
			$(this).animate({width: "210px",fontSize: "1em",height: "280px"}, 1500);
			box8Toggle = "true" ;
		} else {
			$(this).animate({width: "100px",fontSize: "0.25em",height: "70px"}, 1500);
			box8Toggle = "false" ;
		}
	});
	}
);