// JavaScript DocumentSection.prototype.displayCategoryList = 


//switch divs studio


function studioSwitch(divId){
	hide3();

	// display the div we want
	var divToDisplay = document.getElementById(divId);
	divToDisplay.className = "display";
	
	
	
}

function hide3(){

	// define vars for convenience
	var div2 = document.getElementById('profile');
	var div3 = document.getElementById('philosophy');
	var div4 = document.getElementById('people');
var div5 = document.getElementById('resources');
var div6 = document.getElementById('scrapbook');

	
	
	div2.className = "hide";	
	div3.className = "hide";	
	div4.className = "hide";	
	div5.className = "hide";	  
	div6.className = "hide";	

	
  }



// my crazy stylings - not working :_(

function linkStyle(linkId){
	
	unstyleLinks();    //set all links to normal style
	var linkToStyle = document.getElementById(linkId)  //color the chosen link
	linkToStyle.className = "page";
}

function unstyleLinks(){

	var link1 = document.getElementById('profile_link');
	var link2 = document.getElementById('phil_link');
	var link3 = document.getElementById('people_link');
	var link4 = document.getElementById('resources_link');
	var link5 = document.getElementById('scrap_link');

	link1.className = "not_active";	
	link2.className = "not_active";
	link3.className = "not_active";	
	link4.className = "not_active";
	link5.className = "not_active";
}