// 

var prefix = ["trad","cons",];

// 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 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.jpg";
    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";
       
    }
}

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