/* 
	Author: Eddie Ehlin <eddiex A T eddiex D O T se>
*/

/*
	Put all your ids that should be available for display.
	The first (at position 0) is the default one.
*/
var ids = new Array();
ids[0] = "all_employee";
ids[1] = "employee_jorgen";
ids[2] = "employee_anna";
ids[3] = "employee_number3";
ids[4] = "employee_number4";
ids[5] = "employee_number5";

var lastDisplayed;

function initPage()
{
	document.getElementById("all_employee").style.visibility = "visible";
	document.getElementById("all_employee").style.display = "block";
}

function displayEmployee(employeeId)
{
	/* Hide the default one! */
	document.getElementById("all_employee").style.visibilty = "hidden";
	document.getElementById("all_employee").style.display = "none";
	
	/* Display the hovered one. */
	document.getElementById(employeeId).style.visibility = "visible";
	document.getElementById(employeeId).style.display = "block";
	lastDisplayed = employeeId;
}

function displayDefault()
{
	document.getElementById(lastDisplayed).style.visibility = "hidden";
	document.getElementById(lastDisplayed).style.display = "none";
	document.getElementById(ids[0]).style.visibilty = "visible";
	document.getElementById(ids[0]).style.display = "block";
}