$(document).ready(function(){

//this enables the anchor scrolling

	$.localScroll({
		hash: true
	});

//this enables the sliding panels
	
	$("#ContactBox").click(function(){
		$("#conpanel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});

	$("#LeftBox").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
		$("#LeftBox2").click(function(){
		$("#panel2").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
		$("#LeftBox3").click(function(){
		$("#panel3").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
		$("#LeftBox4").click(function(){
		$("#panel4").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
		$("#LeftBox5").click(function(){
		$("#panel5").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
		$("#LeftBox6").click(function(){
		$("#panel6").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});	
			
		$("#LeftBox7").click(function(){
		$("#panel7").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});	
					
		$("#LeftBox8").click(function(){
		$("#panel8").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});	
		$("#LeftBox9").click(function(){
		$("#panel9").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});			

		$("#LeftBox10").click(function(){
		$("#panel10").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
		$("#LeftBox11").click(function(){
		$("#panel11").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});	
		
	
});