// KPN 'Work' page javascript

// Create image arrays
var normal_image = new Array(9);
var pressed_image = new Array(9);
i = 0;
for (i = 0; i <= 8; i++)
{
	normal_image[i] = new Image();
	pressed_image[i] = new Image();
}

// Load normal and pressed images
normal_image[0].src = "images/work-box-11-maroon.jpg";
normal_image[1].src = "images/work-box-12-maroon.jpg";
normal_image[2].src = "images/work-box-13-maroon.jpg";
normal_image[3].src = "images/work-box-21-maroon.jpg";
normal_image[4].src = "images/work-box-22-maroon.jpg";
normal_image[5].src = "images/work-box-23-maroon.jpg";
normal_image[6].src = "images/work-box-31-maroon.jpg";
normal_image[7].src = "images/work-box-32-maroon.jpg";
normal_image[8].src = "images/work-box-33-maroon.jpg";

pressed_image[0].src = "images/work-box-11-pink.jpg";
pressed_image[1].src = "images/work-box-12-pink.jpg";
pressed_image[2].src = "images/work-box-13-pink.jpg";
pressed_image[3].src = "images/work-box-21-pink.jpg";
pressed_image[4].src = "images/work-box-22-pink.jpg";
pressed_image[5].src = "images/work-box-23-pink.jpg";
pressed_image[6].src = "images/work-box-31-pink.jpg";
pressed_image[7].src = "images/work-box-32-pink.jpg";
pressed_image[8].src = "images/work-box-33-pink.jpg";

// onMouseOver event handler
// Load pressed image 
function image_press(img_id)
{
	document.images[img_id].src = pressed_image[img_id].src;
	return true;
}

// onMouseOut event handler
// Load normal image 
function image_unpress(img_id)
{
	document.images[img_id].src = normal_image[img_id].src;
	return true;
}