växla bild, låt aktiv bild ligga kvar

Hej,

/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

if (document.images) {

	button_0 = new Image;
	button_0.src = "0.gif";

	button_1=new Image;
	button_1.src="1.gif";

	button_2=new Image;
	button_2.src="2.gif";

	button_3=new Image;
	button_3.src="3.gif";

	button_5=new Image;
	button_5.src="5.gif";

	button_18=new Image;
	button_18.src="18.gif";

	button_19=new Image;
	button_19.src="19.gif";

	button_20=new Image;
	button_20.src="20.gif";

	button_21=new Image;
	button_21.src="21.gif";

	button_22=new Image;
	button_22.src="22.gif";

	button_31=new Image;
	button_31.src="31.gif";
	
	var re;

}

function rollIn(imgName)
{
	if (document.images) {
		document['imgMap'].src=eval(imgName + ".src");
	}
}

function rollOut(imgName)
{
	if (document.images) {
		document['imgMap'].src = button_0.src;
	}
}

      <area href="javascript:gotoFrame(1);" onMouseover="rollIn('button_1')"  onMouseout="rollOut('button_1')" shape="polygon" coords="81, 250, 108, 286, 131, 291, 122, 299, 96, 314, 75, 317, 67, 293, 74, 270, 81, 258">

<img border="0" src="0.gif" name="imgMap" width="281" height="385" usemap="#map">

Scriptet som det är nu växlar bild vid onmouseover och onmouseout.
Det är en imagemap över en karta med olika regioner. Varje region har en bild som markerar när man för musen över den (button_1, button_2 osv)

Jag behöver lägga in en funktion som triggas när man klickar på en region så markeras den regionen och förblir markerad även när man kör en rollOut()
Om man ej har klickat på någon region så skall rollOut funktionen fungera som den gör nu.

Hur löser jag detta enkelt.. ?

/t