jQuery.fn.customcheckbox= function(option) {
	option = jQuery.extend({checkboxWidth:16,checkboxHeight:16,className:"",outImage:"", onImage:""},option);
	
	// Even kijken of de afbeeldingen hebben
	if(option.outImage!='' && option.onImage!='') {	
		
		// Alle items ophalen die we moeten vervangen
		$(this).each(function() {
			
			// We gaan eerst de gegevens van de input checkbox ophalen
			$chkName = $(this).attr("name");
			$chkId = $(this).attr("id");
		 	
		 	// We gaan een div id maken
		 	if($chkId=='')
		 	{
		 		$chkDivName = "customCheckBox_" + $chkName;
		 	} else {
		 		$chkDivName = "customCheckBox_" + $chkId;
		 	}
		 	
		 	// We gaan de inupt checkbox vervangen
		 	$(this).css("display", "none");
		 	$(this).after('<div style="width: ' + option.checkboxWidth + 'px; height: ' + option.checkboxHeight + 'px;" id="' + $chkDivName + '" class="' + option.className + '"></div>');
		 
		 	// We gaan de div goed instellen
		 	$("#" + $chkDivName).css("background-position", "center center");
		 	$("#" + $chkDivName).css("background-repeat", "no-repeat");
		 	$("#" + $chkDivName).css("cursor", "pointer");
		 	$("#" + $chkDivName).css("margin-top", "0px");
		 
		 	// We gaan kijken welke status de checkbox heeft
		 	if($(this).is(":checked"))
		 	{
		 		$("#" + $chkDivName).css("background-image", "url('" + option.onImage + "')");
		 	} else {
		 		$("#" + $chkDivName).css("background-image", "url('" + option.outImage + "')");
		 	}
		 	
		 	// We gaan de onclick plaatsen
		 	$("#" + $chkDivName).bind('click', function() {
		 		if(!$("#" + $(this).attr('id').substring(15))) { $selector = $("input[name='" + $(this).attr('id').substring(15) + "']"); }
		 		else { $selector = $("#" + $(this).attr('id').substring(15)); }
		 		
		 		// We gaan de status bekijken van de echte checkbox
				if($selector.is(":checked"))
				{
					// We gaan hem deselecteren
					$(this).css("background-image", "url('" + option.outImage + "')");
					$selector.attr("checked", false);
				} else {
					// We gaan hem selecteren
					$(this).css("background-image", "url('" + option.onImage + "')");
					$selector.attr("checked", true);
				}
		 	});
		 	
		 	// We gaan kijken of de chkId ingevuld is
		 	if($chkId!='')
		 	{
		 		// We gaan de for selecteren
		 		$forselector = $("label[for='" + $chkId + "']");
		 		$forselector.css("cursor", "pointer");
		 		$forselector.attr("for", $chkDivName);
		 		
		 		// We gaan een click actie aan de for hangen
		 		if(!$.browser.msie) {
		 			$forselector.bind('click', function() {
			 			$("#" + $(this).attr("for")).click();
			 		});
		 		}
		 	}
		});
	} else {
		alert("outImage and onImage must be filled");
	}
}