(function() {
   var replace = function(input, type) {
     var link = jQuery(
       '<a href="#" class="' + type
       + (input.attr('checked')
          ? ' ' + type + '-checked'
          : '') + '"></a>');

     input.hide();
     input.before(link);
     link.data('input', input);
		 return link;
	};

  // Checkboxes
  var checkize = function(link, input) {
    input.change(function(e) {
      var checked = input.attr("checked");
      if (checked) {
        link.addClass('checkbox-checked');
      }
      else {
        link.removeClass('checkbox-checked');
      }
    });

		link.click(function(e){
      var checked = input.attr("checked");
      if (checked) {
        input.removeAttr('checked');
        link.removeClass('checkbox-checked');
      }
      else {
        input.attr('checked', 'checked');
        link.addClass('checkbox-checked');
      }
      input.change(); // trigger the change event, since this might not happen
      return false;
    });
  };

	// Radiobuttons
	var radize = function(link, link_siblings) {
    link.click(function(e) {
      var input = link.data('input');
			input.click();
			for (n in link_siblings) {
		    var sib = link_siblings[n];
        var sib_input = sib.data('input');
        var checked = sib_input.attr('checked');
        if (checked) sib.addClass('radio-checked');
        else sib.removeClass('radio-checked');
			}
      return false;
		});
	};

	jQuery.fn.checkize = function() {
		var links = new Array();

		this.each(function(i, input){
			input = $(input);

			// Checkbox
			if(input.attr("type") == "checkbox") {
				checkize(replace(input, 'checkbox'), input);

			// Radiobutton
			} else if (input.attr("type") == "radio") {
				var name = input.attr("name");
				if(!links[name]) {
					links[name] = new Array();
				}
				links[name].push(replace(input, 'radio'));
			}

		});

		// Handle radiobutton collections
		for(i in links) {
			for(j in links[i]) {
				radize(links[i][j], links[i]);
			}
		}
    return this;
	};
})();