// JavaScript Document

$(document).ready(function(){

	$(".btn1").click(function(){
		$("#menupanel1").animate({ opacity: "show" }, "fast");
		$("#menupanel2").animate({ opacity: "hide" }, "fast");
		$("#menupanel3").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});
	
	$(".btn2").click(function(){
		$("#menupanel2").animate({ opacity: "show" }, "fast");
		$("#menupanel1").animate({ opacity: "hide" }, "fast");
		$("#menupanel3").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});
	
	$(".btn3").click(function(){
		$("#menupanel3").animate({ opacity: "show" }, "fast");
		$("#menupanel1").animate({ opacity: "hide" }, "fast");
		$("#menupanel2").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});

// Maintables

	$(".btn4").mouseover(function(){
		$("#maintable1").animate({ opacity: "show" }, "fast");
		$("#maintable2").animate({ opacity: "hide" }, "fast");
		$("#maintable3").animate({ opacity: "hide" }, "fast");
		$("#maintable4").animate({ opacity: "hide" }, "fast");
		$("#maintable5").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});
	
	$(".btn5").mouseover(function(){
		$("#maintable2").animate({ opacity: "show" }, "fast");
		$("#maintable1").animate({ opacity: "hide" }, "fast");
		$("#maintable3").animate({ opacity: "hide" }, "fast");
		$("#maintable4").animate({ opacity: "hide" }, "fast");
		$("#maintable5").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});
	
	$(".btn6").mouseover(function(){
		$("#maintable3").animate({ opacity: "show" }, "fast");
		$("#maintable1").animate({ opacity: "hide" }, "fast");
		$("#maintable2").animate({ opacity: "hide" }, "fast");
		$("#maintable4").animate({ opacity: "hide" }, "fast");
		$("#maintable5").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});
	
	$(".btn7").mouseover(function(){
		$("#maintable4").animate({ opacity: "show" }, "fast");
		$("#maintable1").animate({ opacity: "hide" }, "fast");
		$("#maintable2").animate({ opacity: "hide" }, "fast");
		$("#maintable3").animate({ opacity: "hide" }, "fast");
		$("#maintable5").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});
	
	$(".btn8").mouseover(function(){
		$("#maintable5").animate({ opacity: "show" }, "fast");
		$("#maintable1").animate({ opacity: "hide" }, "fast");
		$("#maintable2").animate({ opacity: "hide" }, "fast");
		$("#maintable3").animate({ opacity: "hide" }, "fast");
		$("#maintable4").animate({ opacity: "hide" }, "fast");
		$(this).toggleClass("active"); return false;
	});	
	
	
	});