// The following code was programmed by Joel Dixon and Belinda Cecere of Ladybug Web Design,  2005

var prefix = ["inde", "abou", "foli", "cont"];

// 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 title = new Image();
    title.src = "./images/title.gif";
    var headerbg = new Image();
    headerbg.src = "./images/headerbg.jpg";
    var contentbg = new Image();
    contentbg.src = "./images/contentbg.gif";
    var footerbg = new Image();
    footerbg.src = "./images/footerbg.gif";

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

// 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;
    }
}