//

var prefix = ["inde", "abou", "newp", "prod", "enqu", "cont", "rust", "sier", "clas", "mond", "arts", "othe","wing","wate","merc", "whye", "grow", "extr"];

// The following code pre-loads all images for the menu bar, to ensure mouse-over changes look seemless

if (document.images)
{
    var norm = new Array();
    var over = new Array();
    var curr = new Array();

    var logo = new Image();
    logo.src = "./images/logo.jpg";
    var headerbg = new Image();
    headerbg.src = "./images/headerbg.jpg";
    var contentbg = new Image();
    contentbg.src = "./images/contentbg.gif";
    var leftbg = new Image();
    leftbg.src = "./images/leftbg.jpg";
    var rightbg = new Image();
    rightbg.src = "./images/rightbg.jpg";

    for (i = 0; i < prefix.length; i++) 
    {
        norm[i] = new Image();
        norm[i].src = "./images/" + prefix[i] + "norm.jpg";
        over[i] = new Image();
        over[i].src = "./images/" + prefix[i] + "over.jpg";
        curr[i] = new Image();
        curr[i].src = "./images/" + prefix[i] + "curr.jpg";
    }
}

// The following method changes the image of the button the mouse is over

function swapBtn(btnNum, state)
{
    switch (state)
    {
        case 'norm':
            document.images[prefix[btnNum]].src = norm[btnNum].src;
            break;
        case 'over':
            document.images[prefix[btnNum]].src = over[btnNum].src;
            break;
    }
}