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

var subMenuPrefix = ["mode", "trou", "part", "dime", "pitc", "faq"];

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

if (document.images)
{
    var subMenuNorm = new Array();
    var subMenuOver = new Array();
    var subMenuCurr = new Array();


    for (i = 0; i < subMenuPrefix.length; i++)
    {
        subMenuNorm[i] = new Image();
        subMenuNorm[i].src = "./images/nav/service/" + subMenuPrefix[i] + "norm.gif";
        subMenuOver[i] = new Image();
        subMenuOver[i].src = "./images/nav/service/" + subMenuPrefix[i] + "over.gif";
        subMenuCurr[i] = new Image();
        subMenuCurr[i].src = "./images/nav/service/" + subMenuPrefix[i] + "curr.gif";
    }
}

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

function swapMenuBtn(btnNum, state)
{
    switch (state)
    {
        case 'norm':
            document.images['serv_' + subMenuPrefix[btnNum]].src = subMenuNorm[btnNum].src;
            break;
        case 'over':
            document.images['serv_' + subMenuPrefix[btnNum]].src = subMenuOver[btnNum].src;
            break;
    }
}