$( document ).ready( function() {
	
	var aIcons = $( "div.icon" );
	aIcons.each( function( i ) {
		
		oCheckbox = $( aIcons[ i ] ).children( "input" ).css( "display", "none" );
		//$( aIcons[ i ] ).children( "span" ).css( "display", "none" );
		
		
		$( aIcons[ i ] ).click( function( event ) {
			var sId = $( this ).attr( "id" );
			$( this ).toggleClass( sId + "_checked" );
			
			oCheckbox = $( aIcons[ i ] ).children( "input" );
			
			if( oCheckbox.attr( "checked" ) == true ) {
				oCheckbox.removeAttr( "checked" );
			} else {
				oCheckbox.attr( "checked", "checked" );
			}
		});
		
		
	});
	
} );