/**
 * 
 */

$.fn.styledCheckboxes = function(){
	return this.each(function() {
		
		// Radio Button verstecken
		$(this).hide();
		
		// Radio Button - Replacement erstellen
		var replacement = $('<a class="styledCheckbox '+$(this).attr("type")+'" rel="'+$(this).attr("name")+'" name="'+$(this).attr("id")+'"></a>').insertAfter(this);
		
		// Checked
		if($(this).attr("checked") == true) {
			$(replacement).addClass("checked");
		}
		
		// Click Function
		//$(replacement).bind("click", {replacement: replacement, checkbox: this},styledCheckboxesClick);
		$('label[for="'+$(this).attr("id")+'"]').bind("click", {replacement: replacement, checkbox: this},styledCheckboxesClick);
	});
}

function styledCheckboxesClick (event) {
	replacement = event.data.replacement;
	checkbox = event.data.checkbox;

	if ($(replacement).hasClass("checked")) {
		
	} else {
		$('.styledCheckbox[rel="'+$(replacement).attr("rel")+'"]').removeClass("checked");
		$(replacement).addClass("checked");
	}
}
