// Preload button images
var aryButtonImages= [];
aryButtonImages[0] = new Image(); aryButtonImages[0].src = "buttons/hover(1).jpg";
aryButtonImages[1] = new Image(); aryButtonImages[1].src = "buttons/hover(2).jpg";
aryButtonImages[2] = new Image(); aryButtonImages[2].src = "buttons/hover(3).jpg";
aryButtonImages[3] = new Image(); aryButtonImages[3].src = "buttons/hover(4).jpg";
aryButtonImages[4] = new Image(); aryButtonImages[4].src = "buttons/hover(5).jpg";

function mouseover(intIndex)
{
    document.getElementById("button"+intIndex).src = "buttons/hover("+intIndex+").jpg";
}

function mouseout(intIndex)
{
    document.getElementById("button"+intIndex).src = "buttons/button("+intIndex+").jpg";
}