$(document).ready(function(){
		
		$("#textarea1").hide();
		
		$("#area1").hide();
		$("#area1").fadeIn("slow");

		$("#trans2").fadeTo("slow",0.4)
		$("#trans3").fadeTo("slow",0.4)
		$("#area2").hide();
		$("#area3").hide();
		$("#textarea1").fadeTo("slow",0.5).slideDown("slow");
		
		$("#trans1").click(function () {
			if ($("#area1").is(":hidden")) 
			{
				$(this).fadeTo("slow",1);
				$("#trans2").fadeTo("slow",0.5);
				$("#trans3").fadeTo("slow",0.5);
				
				if ($("#textarea2").is(":visible")) 
				{
					$("#textarea2").slideUp("slow",callback1);
				}
				else if ($("#textarea3").is(":visible")) 
				{
					$("#textarea3").slideUp("slow",callback1);
				}
				
				$("#textarea1").fadeTo("slow",0.5).slideDown("slow");
			}
			
		});
			
		$("#trans2").click(function () {
			if ($("#area2").is(":hidden")) 
			{
				$(this).fadeTo("slow",1);
				$("#trans1").fadeTo("slow",0.5);
				$("#trans3").fadeTo("slow",0.5);
				if ($("#textarea1").is(":visible")) 
				{
					$("#textarea1").slideUp("slow",callback2);
				}
				else if ($("#textarea3").is(":visible")) 
				{
					$("#textarea3").slideUp("slow",callback2);
				}
				
				$("#textarea2").fadeTo("slow",0.5).slideDown("slow");
			}
		});
			
		$("#trans3").click(function () {
			if ($("#area3").is(":hidden")) 
			{
				$(this).fadeTo("slow",1);
				$("#trans1").fadeTo("slow",0.5);
				$("#trans2").fadeTo("slow",0.5);
				
				if ($("#textarea2").is(":visible")) 
				{
					$("#textarea2").slideUp("slow",callback3);
				}
				else if ($("#textarea1").is(":visible")) 
				{
					$("#textarea1").slideUp("slow",callback3);
				}
				
				$("#textarea3").fadeTo("slow",0.5).slideDown("slow");
			}

		});
		
		function callback1() {
			$("#textarea1").hide();
			$("#area2").hide();
			$("#area3").hide();
			$("#area1").show();
		}
		
		function callback2() {
			$("#textarea2").hide();
			$("#area1").hide();
			$("#area3").hide();
			$("#area2").show();
		}
		
		function callback3() {
			$("#textarea3").hide();
			$("#area1").hide();
			$("#area2").hide();
			$("#area3").show();	
		}


		});