
jQuery.fn.checkboximg = function (opt) {
	jQuery("input[@type='checkbox']", this).hide().each( function () {
	
		jQuery("<img class='img_checked' alt=''>")
			.attr( {src: this.checked ? opt.checked : opt.unchecked } )
			.click( function() {
				var check = jQuery(this).next()[0].checked == true;
				jQuery(this)
					.attr( { src: check ? opt.unchecked : opt.checked } )
					jQuery(this).next()[0].checked = !check;
			})
			.insertBefore(this);
	});
}

$(document).ready( function () { 
	$().checkboximg({checked: ROOT+"res/css/images/unchecked.jpg", unchecked: ROOT+"res/css/images/checked.jpg"});

}); 
