
jQuery.fn.checkboxToggle = function(opt){

   var check = jQuery(this).next()[0].checked == true;
   jQuery(this)
		   .attr({ src: check ? opt.unchecked : opt.checked })
		   .next()[0].checked = !check;
}

jQuery.fn.checkbox = function(opt){
   jQuery(":checkbox", this)

	   // Nascode tutti i checkbox attivi
	   .hide()

	   // Itera su tutti i checkbox e applica la funzione
	   .each(function (){

		   jQuery("<img>")

			   // Imposta gli attributi dell'immagine
			   .attr({src: this.checked ? opt.checked : opt.unchecked, alt: "" })

			   //
			   .click(function() {
				   jQuery(this).checkboxToggle(opt);
			   })

			   // Aggiunge l'immagine
			   .insertBefore(this);
	   });
}

jQuery.fn.cssCheckboxToggle = function(){
   this.toggleClass("checked");
   var check = jQuery(":checkbox[@name='"+this.attr("for")+"']")[0];
   check.checked = !check.checked;
}

jQuery.fn.cssCheckbox = function(){
   jQuery(":checkbox", this)

	   // Hide native checkboxes
	   .hide()

	   // Find related labels and add all the fancy stuff
	   .each(function(){

		   var check = this;
		   var jlabel = jQuery("label[@for='"+jQuery(check).attr("name")+"']");

		   // Initial state check
		   if (check.checked) {
			   jlabel.addClass("checked");
		   }

		   jlabel

			   // Label hover state
			   .hover(
				   function() { jQuery(this).addClass("over"); },
				   function() { jQuery(this).removeClass("over"); }
			   )

			   // Label click state
			   .click(function(){
				   jQuery(this).cssCheckboxToggle();
			   });
	   });
}