//STARTS ONLY WHEN THE DOCUMENT IS READY
$(document).ready(function(){

	//HIDE AT START
		$("#panelEvents").hide();
		$("#panelCatering").hide();
		$("#navHome a").css("color", "#FFF");
		$("#navEvents a").css("color", "#FF0");
		$("#navCatering a").css("color", "#FF0");

	//SELECT THE TAG WITH AN ID OF "navHome", WHEN CLICKED...
	$("#navHome").click(function(){
		//SELECT THE DIV TAG WITH AN ID OF "panelHome" AND SLIDETOGGLE SLOWLY
		$("#navHome a").css("color", "#FFF");
		$("#navEvents a").css("color", "#FF0");
		$("#navCatering a").css("color", "#FF0");
		$("#panelHome").hide();
		$("#panelEvents").hide();
		$("#panelCatering").hide();
		$("#panelHome").slideToggle("slow");
	});

	$("#navEvents").click(function(){
		//SELECT THE DIV TAG WITH AN ID OF "panelHome" AND SLIDETOGGLE SLOWLY
		$("#navHome a").css("color", "#FF0");
		$("#navEvents a").css("color", "#FFF");
		$("#navCatering a").css("color", "#FF0");
		$("#panelHome").hide();
		$("#panelEvents").hide();
		$("#panelCatering").hide();
		$("#panelEvents").slideToggle("slow");
	});

	$("#navCatering").click(function(){
		//SELECT THE DIV TAG WITH AN ID OF "panelHome" AND SLIDETOGGLE SLOWLY
		$("#navHome a").css("color", "#FF0");
		$("#navEvents a").css("color", "#FF0");
		$("#navCatering a").css("color", "#FFF");
		$("#panelHome").hide();
		$("#panelEvents").hide();
		$("#panelCatering").hide();
		$("#panelCatering").slideToggle("slow");
	});


});