[checkbox e className] evitare di richiamare più volte la stessa funzione

[piccolosocrate]

salve a tutti,
un funzioncina semplice semplice:

function switch_function(g,img){
	var ct=document.getElementById(img);
	var box=document.getElementById(g).checked;

	if(box==true){
			alert('1 -> '+box);
			document.getElementById(g).checked=false;
			ct.className='off-class';
			alert('2 -> '+box);
		}
		
		if(box==false){
			alert('1 -> '+box);
			document.getElementById(g).checked=true;
			ct.className='on-class';
			alert('2 -> '+box);
		}
}

richiamata da

<form method="post" action="#...">
<input type="checkbox" value="1" name="ckbox" id="ck_id" />
<img src="..." id="img_id" onclick="switch_function('img_id','ck_id');" />
</form>

La funzione di per sè funziona.
solo che per riportare la classe dell'immagine su off, devo eseguire la funzione due volte invece che una sola.

come faccio a costruire un vero e proprio "switcher" ?