{
        parksOn  = new Image(); parksOn.src  = "/images/Menu/nav_parks_on.gif";
        parksOff = new Image(); parksOff.src = "/images/Menu/nav_parks.gif";
		programsOn  = new Image(); programsOn.src  = "/images/Menu/nav_programs_on.gif";
        programsOff = new Image(); programsOff.src = "/images/Menu/nav_programs.gif";
		sheltersOn  = new Image(); sheltersOn.src  = "/images/Menu/nav_shelters_on.gif";
        sheltersOff = new Image(); sheltersOff.src = "/images/Menu/nav_shelters.gif";
		educationOn  = new Image(); educationOn.src  = "/images/Menu/nav_education_on.gif";
        educationOff = new Image(); educationOff.src = "/images/Menu/nav_education.gif";
		opportunitiesOn  = new Image(); opportunitiesOn.src  = "/images/Menu/nav_opportunities_on.gif";
        opportunitiesOff = new Image(); opportunitiesOff.src = "/images/Menu/nav_opportunities.gif";
		aboutOn  = new Image(); aboutOn.src  = "/images/Menu/nav_about_on.gif";
        aboutOff = new Image(); aboutOff.src = "/images/Menu/nav_about.gif";
        financeOn  = new Image(); financeOn.src  = "/images/Menu/nav_finance_on.gif";
        financeOff = new Image(); financeOff.src = "/images/Menu/nav_finance.gif";
}
function changeImage(imgDocID1,imgObjName1 )
{
	{
        document.images[imgDocID1].src = eval(imgObjName1 + ".src");
    }
}

function showHoverButton(src)
{
    var normal = "'" + src+'.gif' + "'";
    var over   = "'" + src+'-over.gif' + "'";
    document.write('<img src="'+src+'.gif"');
    document.write(' onmouseover="this.src=' + over + '"');
    document.write(' onmouseout="this.src=' + normal + '"');
    document.write(' border="0" />');
}

/*
on page use:
<A HREF="/images/Menu/" onmouseover="changeImage('home', 'homeOn')" onmouseout="changeImage('home','homeOff')"><IMG NAME="home" src="/images/Menu/home.gif" BORDER="0" ALT="Ballantrae Home"></A>
*/