funktion för att markera checkbox varannan gång?

har en sida där jag när jag klickar på en knapp vill att dom checkboxarna som inte är "checked" blir det och så ändras knappen så att man då istället vid klick "avcheckar" dom som är "icheckade".

dvs när knapp_markeraalla_on.gif syns så skall dom checkboxar som inte är markerade markeras.
Och när knapp_avmarkera.gif alla visas så skall dom checkboxar som är markerade avmarkeras.
Nu så blir det så att oavsett värde så blir det motsatt, dom som är markerade blir avmarkerade och dom som är avmarkerade blir markerade =/

Har försökt länge nu men lyckas inte lösa det =/

Har följande kod:

<script language="JavaScript" type="text/javascript">
function visa(layer,namn) {
	if(layer.style.visibility=='hidden'){
		layer.style.visibility='visible';
		layer.style.display='block'
		document.images[namn].src='img/knapp_markeraalla_on.gif';
	} else {
		layer.style.visibility='hidden';
		layer.style.display='none'
		document.images[namn].src='img/knapp_markeraalla.gif';
	}
}

function markchannels(chk,namn){

        var checkboxes=document.getElementsByTagName("input");
    for (var i=0; i < checkboxes.length; i++)
    {
        if(checkboxes[i].id==chk)
        {
            
			if(checkboxes[i].checked==false)
			{
			checkboxes[i].checked=true;
			document.images[namn].src='img/knapp_avmarkeraalla.gif';
			} else {
			checkboxes[i].checked=false;
			document.images[namn].src='img/knapp_markeraalla_on.gif';
			
			}
        }
    }
}

</script>

<a href="#" onclick="visa(document.getElementById('1'),'ett');"><img src="img/knapp_visakategori.gif" alt="" /></a>

<a href="#" onclick="markchannels('chk_1', 'ett');"><img src="img/knapp_markeraalla.gif" name="ett" alt="" /></a>

<div style="visibility: hidden; display: none;" ID="1">
<div class="kanal_fth"><input type="checkbox" ID="chk_1" /></div>
<div class="kanal_fth_drk"><input type="checkbox" ID="chk_1" /></div>
<div class="kanal_fth"><input type="checkbox" ID="chk_1" /></div>
<div class="kanal_fth_drk"><input type="checkbox" ID="chk_1" /></div>
</div>

Skulle även vilja att knappen knapp_markeraalla.gif visas (dvs innan man valt att visa div:en med alla checkboxar) så skall den inte gå att klicka på om det är möjligt.

tacksam för all hjälp.