/* @group Custom Form */

	jQuery.fn.customform = function() {

		$(this).each(function(i) {	

			if($(this).is('[type=checkbox],[type=radio]')) {

				var input = $(this);
	
				// get the associated label using the input's id
				//var label = $('label[for='+input.attr('id')+']');
				var label = $( '#label-'+input.attr('id') );
	
				//console.log( "label: " + input.attr('id') );
				//get type, for classname suffix 
				var inputType = (input.is('[type=checkbox]')) ? 'checkbox' : 'radio';
				
				// wrap the input + label in a div 
				$('').insertBefore(input).append(input, label);
				
				// find all inputs in this set using the shared name attribute
				var allInputs = $('input[name='+input.attr('name')+']');
	
				// necessary for browsers that don't support the :hover pseudo class on labels
				label.hover(
					function(){ 
						$(this).addClass('hover'); 
						if(inputType == 'checkbox' && input.is(':checked')) { 
							$(this).addClass('checkedHover'); 
						} 
					},
					function() {
						$(this).removeClass('hover checkedHover');
					}
				);
				label.click(
					function(){
						var rd = $(this).parent().children('.browse-artist-radio').attr('id');

						allInputs.each(function() {
							$( '#label-'+$(this).attr('id') ).removeClass('checked checkedHover');
						});	
						
						$(this).addClass( 'checked' );
					}
				);
				//bind custom event, trigger it, bind click,focus,blur events					
				input.bind('updateState', function() {	

					if (input.is(':checked')) {

						if (input.is(':radio')) {				
							
							allInputs.each(function() {
								var lbl = $( '#label-'+$(this).attr('id') );
								lbl.removeClass('checked');
								//console.log( ">>label: " + lbl + "$(this).attr('id'); " + $(this).attr('id') );
							});		

						};

						label.addClass('checked');

					}

					else { 

						label.removeClass('checked checkedHover checkedFocus'); 

					}

				})

					.trigger('updateState')

					.click(function(){ 
						//console.log("clicked: " + $(this).attr('id') );
						$(this).trigger('updateState'); 

					})

					.focus(function() { 

						label.addClass('focus'); 

						if(inputType == 'checkbox' && input.is(':checked')) { 

							$(this).addClass('checkedFocus'); 

						} 

					})

					.blur(function() {

						label.removeClass('focus checkedFocus'); 

					});

			}

		});

	};

/* @end Custom Form */