// 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/work2-box-11.jpg";
normal_image[1].src = "images/work2-box-12.jpg";
normal_image[2].src = "images/work2-box-13.jpg";
normal_image[3].src = "images/work2-box-21.jpg";
normal_image[4].src = "images/work2-box-22.jpg";
normal_image[5].src = "images/work2-box-23.jpg";
normal_image[6].src = "images/work2-box-31.jpg";
normal_image[7].src = "images/work2-box-32.jpg";
normal_image[8].src = "images/work2-box-11.jpg";

pressed_image[0].src = "images/work-box-orange-11.jpg";
pressed_image[1].src = "images/work-box-orange-12.jpg";
pressed_image[2].src = "images/work-box-orange-13.jpg";
pressed_image[3].src = "images/work-box-orange-21.jpg";
pressed_image[4].src = "images/work-box-orange-22.jpg";
pressed_image[5].src = "images/work-box-orange-23.jpg";
pressed_image[6].src = "images/work-box-orange-31.jpg";
pressed_image[7].src = "images/work-box-orange-32.jpg";
pressed_image[8].src = "images/work-box-orange-11.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;
}