var myEffects = new Array();
	
	function init(){
		var url = document.location.href;		
		var caseNum = url.substring(url.indexOf('#')+1, url.length)				
		var stretchers = document.getElementsByClassName('stretcher'); //div that contain the case study text
		var toggles = document.getElementsByClassName('display'); //li's
		
		//hide all content on start up
		for(var i=0; i<stretchers.length; i++){
			myEffects[i] = new fx.Height(stretchers[i] , {duration: 500});
			myEffects[i].hide();
		}
		
		//Convert string to int
		caseNum = parseInt(caseNum);
		
		//Show only the ones selected
		if(caseNum-1 < myEffects.length){
			myEffects[caseNum-1].toggle();
			toggles[caseNum-1].className ='display selected';
		}
		//default
		else{
			myEffects[0].toggle();
			toggles[0].className ='display selected';
		}
	}
	
	//the main function, call to the effect object
	function rightMenuSelected (liNum){
		var toggles = document.getElementsByClassName('display'); //li's

		for(var i=0; i<myEffects.length; i++){
			myEffects[i].clearTimer();
			myEffects[i].hide();
		}
		
		myEffects[liNum].toggle();
				
		for(var i=0; i<toggles.length; i++){
			if(liNum == i){
				toggles[i].className ='display selected';
			}
			else{
				toggles[i].className ='display';
			}
		}
	}