$(document).ready(function(){

	$('label.customRadio').live("click", customRadio_Click);
	$('label.customCheckbox').live("click", customCheckbox_Click);
	
});

function customRadio_Click(){
	var sender = $(this);
	
	// trigger custom event: item has been clicked
	sender.trigger("CGEvent-click");
	// if disabled, clicking does nothing
	if(sender.children('.customRadioHolder').hasClass('disabled'))
	{
		return false;
	}
	// trigger custom event: item will be selected but hasn't yet
	sender.trigger("CGEvent-before_select");
	
	//check off the actual input
	var radioBtn = $('#'+ sender.attr('for'));
	radioBtn.attr('checked', "checked");
	
	//uncheck image for all in radio name group
	var radioName = radioBtn.attr('name');
	var radiosToDeSelect = $('label.customRadio[for="'+ radioBtn.attr("id") +'"] .customRadioHolder');
	alert(radiosToDeSelect.length)
	radiosToDeSelect.removeClass('selected');
	
	//radiosToDeSelect.trigger("CGEvent.deselect");
	//check image for the new one
	sender.children('.customRadioHolder').addClass('selected');
	sender.trigger("CGEvent-select");
	
	// trigger custom event: item has been successfully selected
	sender.trigger("CGEvent-after_select");
}


function customCheckbox_Click(){
	var sender = $(this);
	
	// trigger custom event: item has been clicked
	sender.trigger("CGEvent-click");
	// if disabled, clicking does nothing
	if(sender.children('.customCheckboxHolder').hasClass('disabled'))
	{
		return false;
	}
	// trigger custom event: item will be selected but hasn't yet
	sender.trigger("CGEvent-before_select");
	
	//check off
	if(sender.children('.customCheckboxHolder').hasClass('selected')){
		var checkId = sender.attr('for');	
		$('#'+checkId+'').removeAttr('checked');
		sender.children('.customCheckboxHolder').removeClass('selected');
		sender.trigger("CGEvent-deselect");
	}
	//check on
	else{
		var checkId = sender.attr('for');
		$('#'+checkId+'').attr('checked', 'checked');
		sender.children('.customCheckboxHolder').addClass('selected');
		sender.trigger("CGEvent-select");
	}
	
	// trigger custom event: item has been successfully selected
	sender.trigger("CGEvent-after_select");
}