var currentLeader = "byers";
function showLeader(id) {
	// first, let's get the active leader's div
	var hideCurrentLeader = document.getElementById("exec-"+currentLeader);
	// then let's push it offscreen
	hideCurrentLeader.className = "exec-inactive";
	// second, let's get the 100% opaque profile image
	var hideCurrentProfileImage = document.getElementById("profile-"+currentLeader);
	// let's remove its opacity class
	hideCurrentProfileImage.className = "";
	// third, let's set the current leader
	currentLeader = id;
	// now let's get the profile image associated with the leader you clicked
	var currentProfileImage = document.getElementById("profile-"+id);
	// then let's give him an 100% opacity class
	currentProfileImage.className = "on";
	// fourth, let's get the div of the leader you clicked on
	var showCurrentLeader = document.getElementById("exec-"+id);
	// then let's put that leader onscreen
	showCurrentLeader.className = "exec-active";
}

function showLeaderOnLoad() {
	var leader = getQueryVariable("leader");
	if(leader != null) 
		showLeader(leader);
	else
		showLeader(currentLeader);
}

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++)
	{
		var pair = vars[i].split("=");
		if (pair[0] == variable)
		{
			return pair[1];
		}
	}
} 

function unTransparent(id) {
	if (currentLeader !== id) {	
		var currentProfileImage = document.getElementById("profile-"+id);
		currentProfileImage.className = "on";
	}
}

function Transparent(id) {

	if (currentLeader !== id) {	
		var hideCurrentProfileImage = document.getElementById("profile-"+id);
		hideCurrentProfileImage.className = "";
	}
}