if (document.images)
{
    // preload
    var _ImageList = [];
    var _ImagePathRoot = "/images/nav_tabs/";
    var _ImageOffSuffix = "_off.jpg";
    var _ImageOverSuffix = "_over.jpg";
    var _ImageActiveSuffix = "_active.jpg";
    // set up master image list here
    _ImageList[0] = "about";
    _ImageList[1] = "news";
    _ImageList[2] = "promote";
    _ImageList[3] = "reflectinggod";
    _ImageList[4] = "support";

    // loop through each, preloading all their variations
    for (var index in _ImageList)
    {
        var imgName = _ImageList[index];
        var preloadImage = new Image();
        // the only one we need to preload is the over image
        preloadImage.src = _ImagePathRoot + imgName + _ImageOverSuffix;
    }
} // if document.images
function ImageSwap(imgName)
{
    if (document.images)
    {
        document.images[imgName].src = _ImagePathRoot + imgName + _ImageOverSuffix;
    }
} // ImageSwap
function SwapBack(imgName, isActivepage)
{
    if (document.images)
    {
        // if active page, use the active suffix, otherwise the off one
        document.images[imgName].src = _ImagePathRoot + imgName + (isActivepage == true ? _ImageActiveSuffix : _ImageOffSuffix);
    }
} // SwapBack
