var resultaat = ''; 
  $(document).ready(function(){
    
    $(".knop").click( function (){
 
    	var naam = $(this).attr("name");
    	$(this).css({'background-image' : 'url(images/knopje_over.png)'});
    	
    	if (naam == "reset") {
    		resultaat = '';
    		$(".knop").css({'background-image' : 'url(images/knopje.png)'});
    		
    	} else if (naam == "enter") {
    		// Voor diegene die dit leest en een betere methode weet te bedenken 
    		// wordt je uitgedaagd om een betere beveiligde code te verzinnen. 
    		// Voorwaarde : het moet wel in javascript.
    		// Stuur je oplossing naar marcel@horsthouse.nl o.v.v. paaltje.js
          if (resultaat == "45123") {
          	$(this).css({'background-image' : 'url(images/knopje_goed.png)'});
          	document.getElementById('logoncode').value = resultaat;
          	document.forms['myform'].submit();
            return true;
          }	else {
          	$(this).css({'background-image' : 'url(images/knopje_fout.png)'});
        		resultaat = '';
            alert('Niet de juiste code');         
        		$(".knop").css({'background-image' : 'url(images/knopje.png)'});
            return false;
          }
    	} else {
          resultaat = resultaat + $(this).attr("name");
    	}	 

    });	
  });