// The following code was programmed by

var prefix = ["stat", "cham", "prem", "ou17", "ou15", "ou13", "ou11"];

// 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();



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

    }
}

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