$(document).ready(function(){
	
	var thisPortBtn = "Intro";
	var thisDetail = "Default";


	$(".PortBtn").hover(
  		function () {
			$(this).addClass("PortBtnOver");
		}, 
 		function () {
 			$(this).removeClass("PortBtnOver");
		}
	);


	$(".PortBtn").click(function(){
		
		var newBtn = ($(this).attr("id"));
		
		/* if (thisPortBtn == "Intro") {
			$("p#Help").css({'display' : 'block'});
		}
		else if (newBtn != thisCatBtn) {
			// CLEAN UP SUBCAT
			$("#" + thisSubCatBtn).removeClass("Selected");
		}
		*/

		// CLEAN UP
		$("#" + thisDetail).hide();
		$("#" + thisPortBtn).removeClass("Selected");
		
		// NEW SETTINGS
		thisPortBtn = newBtn;
		$("#" + thisPortBtn).addClass("Selected");
		thisDetail = (newBtn + "_Details");
		$("#" + thisDetail).fadeIn("slow");
  	
	});

});