//graphicNames = new Array('guideoptions','linkus','registerguide','about_guide','my_account','recommed','help','btnAboutContact','btnBrowse','btnSearch','btnJoin','btnMembership');
graphicNames = new Array('my_account','recommed','help','btnAboutContact','btnBrowse','btnSearch','btnJoin','btnMembership');

numImages = graphicNames.length;

x=-1;
picked = -1;
rpiImagesoff = new Array(numImages);
rpiImageson = new Array(numImages);
rpiImagespick = new Array(numImages);

graphicsPrefix = "../images/top_nav/"
for(i = 0; i < numImages; i++) {
rpiImagesoff[i] = new Image();
rpiImagesoff[i].src = graphicsPrefix + graphicNames[i] + "_off.gif";
rpiImageson[i] = new Image();
rpiImageson[i].src = graphicsPrefix + graphicNames[i] + "_on.gif";
rpiImagespick[i] = new Image();
rpiImagespick[i].src = graphicsPrefix + graphicNames[i] + "_on.gif";
}

function on_image(loc) {
        for(j = 0; j < numImages; j++) {
                if (graphicNames[j] == loc) {
                        x = j;
                }
        }
        if (picked != x) {
                document.images[loc].src=rpiImageson[x].src;
        }
}

function off_image(loc) {
        for(k = 0; k < numImages; k++) {
                if (graphicNames[k] == loc) {
                        x = k;
                }
        }
        if (picked != x) {
                document.images[loc].src=rpiImagesoff[x].src;
        }
}

function pick_image(loc) {
        for(l = 0; l < numImages; l++) {
                if (graphicNames[l] == loc) {
                        x = l;
                }
        }
        document.images[loc].src=rpiImagespick[x].src;
        if ((picked != -1) && (picked != x)) {
                document.images[graphicNames[picked]].src=rpiImagesoff[picked].src;
        }
        picked = x;
}

function picked_off() {
                if (picked != -1) {
                document.images[graphicNames[picked]].src=rpiImagesoff[picked].src;
    }
 picked = -1;
}