var arrImages = new Array();
for (var i=0;i<7;i++) {
    arrImages[i] = new Array();
    arrImages[i][0] = new Image();
    arrImages[i][1] = new Image();
}

arrImages[0][0].src = "images/nav/home.gif";
arrImages[0][1].src = "images/nav/home_over.gif";
arrImages[1][0].src = "images/nav/about.gif";
arrImages[1][1].src = "images/nav/about_over.gif";
arrImages[2][0].src = "images/nav/markets.gif";
arrImages[2][1].src = "images/nav/markets_over.gif";
arrImages[3][0].src = "images/nav/vendors.gif";
arrImages[3][1].src = "images/nav/vendors_over.gif";
arrImages[4][0].src = "images/nav/producers_down.gif";
arrImages[4][1].src = "images/nav/producers_over.gif";
arrImages[5][0].src = "images/nav/music.gif";
arrImages[5][1].src = "images/nav/music_over.gif";
arrImages[6][0].src = "images/nav/contact.gif";
arrImages[6][1].src = "images/nav/contact_over.gif";


function overImage(imgID) {
    var newImg;
    switch (imgID) {
        case "imgHome":
            newImg = arrImages[0][1];
            break;
        case "imgAbout":
            newImg = arrImages[1][1];
            break;
        case "imgMarkets":
            newImg = arrImages[2][1];
            break;
        case "imgVendors":
            newImg = arrImages[3][1];
            break;
        case "imgGrowers":
            newImg = arrImages[4][1];
            break;
        case "imgMusic":
            newImg = arrImages[5][1];
            break;
        case "imgContact":
            newImg = arrImages[6][1];
            break;
    }
    document.getElementById(imgID).src = newImg.src;
}
function offImage(imgID) {
    var newImg;
    switch (imgID) {
        case "imgHome":
            newImg = arrImages[0][0];
            break;
        case "imgAbout":
            newImg = arrImages[1][0];
            break;
        case "imgMarkets":
            newImg = arrImages[2][0];
            break;
        case "imgVendors":
            newImg = arrImages[3][0];
            break;
        case "imgGrowers":
            newImg = arrImages[4][0];
            break;
        case "imgMusic":
            newImg = arrImages[5][0];
            break;
        case "imgContact":
            newImg = arrImages[6][0];
            break;
        
    }
    document.getElementById(imgID).src = newImg.src;
}