// JavaScript Document
	
$("#gym a").fancybox({	
				
					 'zoomSpeedIn': 1000, 
					 'zoomSpeedOut': 1000, 
					 'overlayShow': true 
					 });
//fancy box for the images of the fitness center


$("#offer").click(function () {
    $("#details").slideToggle();
	return false;	
	  
    })
//offer on homepage toggles in and out on click

//class descriptions

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

$("#strip").hide();
$("#red").hide();
$("#ball").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
}