// store an array of images to highlight
var loaded = false;

// preload images
var imgs = new Array();

img = new Image(715, 150);
img.src = "/image/products.jpg";
imgs["base"] = img;

img = new Image(715, 150);
img.src = "/image/products-i2c.jpg";
imgs["i2c"] = img;

img = new Image(715, 150);
img.src = "/image/products-spi.jpg";
imgs["spi"] = img;

img = new Image(715, 150);
img.src = "/image/products-usb.jpg";
imgs["usb"] = img;

// All images are loaded
loaded = true;

// On Hover, change the image
function switchImg (name)
{
    if (loaded && document.images)
    {
        document.images["products"].src = imgs[name].src;
    }
}