$(document).ready(function() {
    var blogClicked = false;
    var codeClicked = false;
	$("a#blog").click(function() {
        if(!blogClicked && !codeClicked) {
            blogClicked = true;
			$("div.black").animate({
				width: "70%"
			}, { queue:false, duration:1000 } );
			$("body").animate({
				fontSize: "1em"
			}, { queue:false, duration:1000 } );
			setTimeout("$('div.blog').css('display','block');",1000);
		} else if(blogClicked && !codeClicked) {
            blogClicked = false;
			$("div.black").animate({
				width: "50%"
			}, { queue:false, duration:1000 } );
			$("body").animate({
				fontSize: "2em"
			}, { queue:false, duration:1000 } );
			$("div.blog").css("display","none");
		} else if(!blogClicked && codeClicked) {
            blogClicked = true;
            codeClicked = false;
			$("div.black").animate({ 
				width: "70%"
			}, { queue:false, duration:1000 } );
            setTimeout("$('div.blog').css('display','block');",1000);
			$("div.code").css("display","none");
        }
	});
   	$("a#code").click(function() {
        if(!codeClicked && !blogClicked) {
            codeClicked = true;
			$("div.black").animate({
				width: "30%"
			}, { queue:false, duration:1000 } );
			$("body").animate({
				fontSize: "1em"
			}, { queue:false, duration:1000 } );
			setTimeout("$('div.code').css('display','block');",1000);
		} else if(codeClicked && !blogClicked) {
            codeClicked = false;
			$("div.black").animate({
				width: "50%"
			}, { queue:false, duration:1000 } );
			$("body").animate({
				fontSize: "2em"
			}, { queue:false, duration:1000 } );
			$("div.code").css("display","none");
		} else if(!codeClicked && blogClicked) {
            codeClicked = true;
            blogClicked = false;
			$("div.black").animate({
				width: "30%"
			}, { queue:false, duration:1000 } );
			setTimeout("$('div.code').css('display','block');",1000);
            $("div.blog").css("display","none");
        }
	});
});