$(document).ready(function(){
	
	$("area[id*='enter']").hover(
	  	function () {
	    	var color = $(this).attr("id").split("_")[1];
			$("#message").css("color",color);
			$("#message").html(color+"?");
			$("#pills_image").attr("src","images/"+color+".jpg");
			$("#"+color+"_text").addClass("underlined");
			$("#message").fadeIn("fast");
		},
		
	  	function () {
			$("#message").hide();
			$("#red_text").removeClass("underlined");
			$("#blue_text").removeClass("underlined");
			$("#pills_image").attr("src","images/redblue.jpg");
	  	}
	);
	
	
	$("area[id*='enter']").click(
		function(event){
			event.preventDefault();
			
			var color = $(this).attr("id").split("_")[1];		
			$("#intro").fadeOut(function(){
				if(color == "blue"){
					$("#content").html("<center>Thanks anyway bye!</center>");
				}
				$("#content").fadeIn();				
			});
		}
	);
	
	$("a[id*='content_']").click(
		function(event){
			event.preventDefault();
			
			$(".menu").removeClass("selected");
			
			var area = $(this).attr("id").split("_")[1];
			$(this).addClass("selected");
					
			$.ajax({
			  url: area+".html",
			  success: function(data){
			    $("#content_text").hide();
				$("#content_text").html(data);
				$("#content_text").fadeIn("slow");
			  }
			});
		}
	);
	
});