addEventHandler(window, "load", setupHomeButtons);

var owner1 = new Image;
var owner2 = new Image;
var cto1 = new Image;
var cto2 = new Image;
var admin1 = new Image;
var admin2 = new Image;
var goto1 = new Image;
var goto2 = new Image;

function setupHomeButtons() {
	owner1.src = "images/isthisyou_owner.jpg";
	owner2.src = "images/isthisyou_owner2.jpg";
	addEventHandler(document.getElementById('isthisyou_owner'), "mouseover", highlightHomeButton);
	addEventHandler(document.getElementById('isthisyou_owner'), "mouseout", unhighlightHomeButton);
	
	cto1.src = "images/isthisyou_cto.jpg";
	cto2.src = "images/isthisyou_cto2.jpg";
	addEventHandler(document.getElementById('isthisyou_cto'), "mouseover", highlightHomeButton);
	addEventHandler(document.getElementById('isthisyou_cto'), "mouseout", unhighlightHomeButton);
	
	admin1.src = "images/isthisyou_admin.jpg";
	admin2.src = "images/isthisyou_admin2.jpg";
	addEventHandler(document.getElementById('isthisyou_admin'), "mouseover", highlightHomeButton);
	addEventHandler(document.getElementById('isthisyou_admin'), "mouseout", unhighlightHomeButton);	
	
	goto1.src = "images/isthisyou_goto.jpg";
	goto2.src = "images/isthisyou_goto2.jpg";
	addEventHandler(document.getElementById('isthisyou_goto'), "mouseover", highlightHomeButton);
	addEventHandler(document.getElementById('isthisyou_goto'), "mouseout", unhighlightHomeButton);	
}

function highlightHomeButton(e) {
	var b = getActivatedObject(e);
	switch (b.title) {
		case "cto":
			b.src = cto2.src;
			break;
		case "owner":
			b.src = owner2.src;
			break;
		case "admin":
			b.src = admin2.src;
			break;
		case "goto":
			b.src = goto2.src;
			break;
	}
}

function unhighlightHomeButton(e) {
	var b = getActivatedObject(e);
	switch (b.title) {
		case "cto":
			b.src = cto1.src;
			break;
		case "owner":
			b.src = owner1.src;
			break;
		case "admin":
			b.src = admin1.src;
			break;
		case "goto":
			b.src = goto1.src;
			break;
	}
}