// JavaScript Document
//slide toggel the bands

$("#band1").hide();
$("#1").click(function(){
					  
					 $("#band1").slideToggle("slow");
					   
					   });


$("#band2").hide();
$("#2").click(function(){
					  
					 $("#band2").slideToggle("slow");
					   
					   });

$("#band3").hide();
$("#3").click(function(){
					  
					 $("#band3").slideToggle("slow");
					   
					   });



$("#band4").hide();
$("#4").click(function(){
					  
					 $("#band4").slideToggle("slow");
					   
					   });
$("#band5").hide();
$("#5").click(function(){
					  
					 $("#band5").slideToggle("slow");
					   
					   });
$("#band6").hide();
$("#6").click(function(){
					  
					 $("#band6").slideToggle("slow");
					   
					   });

//services descriptions

var currentClass="music"
//declaring var that holds the current class being displayed

$("#bands").hide();
$("#lesson").hide();
$("#produce").hide();
$("#mix").hide();
//hiding all classes except for the current one


function changeClass(newClass) {
//declaring a function to change the currently showing class	
	
	document.getElementById(currentClass).style.display = 'none';
	document.getElementById(newClass).style.display = 'block';
	//hide the current class and show the new class
	
	//Apply Class to Links
	document.getElementById(currentClass+"l").setAttribute("class", "");
	document.getElementById(newClass+"l").setAttribute("class", "active");
	//fix for IE
	document.getElementById(currentClass+"l").setAttribute("className", "");
	document.getElementById(newClass+"l").setAttribute("className", "active");
	

	currentClass=newClass;
	//change the current class to reflect the new class
}