// set the mouseover event handlers for each image in the main area

function img_hi() {
	var e = this;
	var img_name_parts = e.id.split('_', 2);
	var basename = img_name_parts[0];

	if (currently_selected_img_basename == basename)
		this.src = "images/" + basename + "-sel-hi.jpg";
	else
		this.src = "images/" + basename + "-hi.jpg";
}

function img_lo() {
	var e = this;
	var img_name_parts = e.id.split('_', 2);
	var basename = img_name_parts[0];

	if (currently_selected_img_basename == basename)
		this.src = "images/" + basename + "-sel-lo.jpg";
	else
		this.src = "images/" + basename + "-lo.jpg";
}


function img_click() {
	if (currently_selected_img_basename != "")
		document.getElementById(currently_selected_img_basename + "_img").src = "images/" + currently_selected_img_basename + "-lo.jpg";

	var e = this;
	var img_name_parts = e.id.split('_', 2);
	var basename = img_name_parts[0];

	currently_selected_img_basename = basename;
	this.src = "images/" + basename + "-sel-hi.jpg";
}


// set individual image handlers
function set_img_mouse_handler(img) {
	var e = document.getElementById(img + "_img");
	e.onmouseover = img_hi;
	e.onmouseout = img_lo;
	e.onclick = img_click;
}

// set all image handlers
function set_img_mouse_handlers() {
	set_img_mouse_handler("analyze");
	set_img_mouse_handler("control");
	set_img_mouse_handler("enhance");
	set_img_mouse_handler("protect");
}