function teamSelector(json_departments, json_team) {
	
	var myself = this;
	//get the array from php using the json arrays
	departments = json_departments;
	team = json_team;
	var currentArea = 0;
	var previousArea = 0;
	var testno = 0;
	var fade;
	var fadeLoop = 0;
	setSections();
	setTeam();
	
	function setSections() {
		for (i=0; i<departments.length; i++) {
			var departmentLink = document.getElementById(i+"-area");
			departmentLink.onclick = highlightSections;
		}
	}
	
	function highlightSections() {
		//set the current on state.
		deselectMenu(this.parentNode.parentNode);
		this.parentNode.className = "current";
		
		var currentDept = this.innerHTML;
		//go through the staff array and check their departments
		for (var i in team) {
			var depts = team[i].dept;
			var indept = false;
			for(j=0; j<depts.length; j++) {
				if (currentDept == depts[j] || currentDept == "All") {
					indept = true;
				}
			}
			var teamMember = document.getElementById(i+'-teamMember');
			if(indept != true) {
				teamMember.style.opacity = 4 / 10;
 				teamMember.style.filter = 'alpha(opacity=50)';
				teamMember.onmouseover = "";
			}  else {
				teamMember.style.opacity = "";
 				teamMember.style.filter = "";
				teamMember.onmouseover = showProfile;
			}
		}
		return false;
	}
	
	function deselectMenu(menu) {
		for(i=0; i<menu.childNodes.length; i++) {
			menu.childNodes[i].className = "";
		}
	}
	
	function setTeam() {
		//go through each team member and set their onclick
		 for (var i in team) {
		 	var teamMember = document.getElementById(i+'-teamMember');
			teamMember.onmouseover = showProfile;
			teamMember.onclick = function() {return false;}
		 }
	}
	
	function showProfile() {
		//propergate the correct details into the profile panel
		var profilePanel = document.getElementById('personInfo');
		var profileId = this.id.substring(0, (this.id.length -11));
		var name = team[profileId].fname + " " + team[profileId].sname;
		var imgName = team[profileId].fname.toLowerCase() + team[profileId].sname.toLowerCase() +"_lge.jpg";
		var jobTitle = team[profileId].job;
		profilePanel.innerHTML = '<img src="Media/Images/Inline/Pages/theTeam/teamPhotos/'+imgName+'" /><h3>'+name+'</h3><p>'+jobTitle+'</p>';
		return false;
	}

	
	
	//end of class
}