var mobility = new Image();
mobility.src = "images/main.jpg";
var mobility_over = new Image();
mobility_over.src = "images/main1.jpg";
var mobility_active = new Image();
mobility_active.src = "images/main1.jpg";

var wireless = new Image();
wireless.src = "images/job.jpg";
var wireless_over = new Image();
wireless_over.src = "images/job1.jpg";
var wireless_active = new Image();
wireless_active.src = "images/job1.jpg";

var projector = new Image();
projector.src = "images/profile.jpg";
var projector_over = new Image();
projector_over.src = "images/profile1.jpg";
var projector_active = new Image();
projector_active.src = "images/profile1.jpg";

var assessments = new Image();
assessments.src = "images/assessments.jpg";
var assessments_over = new Image();
assessments_over.src = "images/assessments1.jpg";
var assessments_active = new Image();
assessments_active.src = "images/assessments1.jpg";

var registration = new Image();
registration.src = "images/registration.jpg";
var registration_over = new Image();
registration_over.src = "images/registration1.jpg";
var registration_active = new Image();
registration_active.src = "images/registration1.jpg";

var password = new Image();
password.src = "images/password.jpg";
var password_over = new Image();
password_over.src = "images/password1.jpg";
var password_active = new Image();
password_active.src = "images/password1.jpg";


var logout = new Image();
logout.src = "images/logout.jpg";
var logout_over = new Image();
logout_over.src = "images/logout1.jpg";
var logout_active = new Image();
logout_active.src = "images/logout1.jpg";

var selected = 'mobility';

function hover( id )
{
	if( selected != id )
	{
		document.getElementById( id ).src = eval( id + "_over" ).src;
	}
}

function unhover( id )
{
	if( selected != id )
	{
		document.getElementById( id ).src = eval( id ).src;
	}
}

function activate( id )
{
	reset();
	document.getElementById( id ).src = eval( id + "_active" ).src;
	selected = id;
	hideContent();
	document.getElementById( id + "_content" ).style.display = "block";
}

function reset()
{
	document.getElementById( 'mobility' ).src = mobility.src;
	document.getElementById( 'wireless' ).src = wireless.src;
	document.getElementById( 'projector' ).src = projector.src;
	document.getElementById( 'assessments' ).src = assessments.src;
	document.getElementById( 'registration' ).src = registration.src;
	document.getElementById( 'password' ).src = password.src;
	document.getElementById( 'logout' ).src = logout.src;
}

function hideContent()
{
	document.getElementById( 'mobility_content' ).style.display = "none";
	document.getElementById( 'wireless_content' ).style.display = "none";
	document.getElementById( 'projector_content' ).style.display = "none";
	document.getElementById( 'assessments_content' ).style.display = "none";
	document.getElementById( 'registration_content' ).style.display = "none";
	document.getElementById( 'password_content' ).style.display = "none";
	document.getElementById( 'logout_content' ).style.display = "none";
}