/*
Example :	<input type="checkbox" id="" class="TTcheck" />;
*/

(function($) {

	jQuery.TTcheck = function() {

		var input = $(':checkbox.TTcheck');

		jQuery.each(input, function() {

			var error = false;
			var isActive = '';

			var container = jQuery(this);

			if(container.attr('checked')) {
				isActive = 'active';
				var div = '<div class="TTcheck"><div id="box_'+container.attr('id')+'" class="box '+isActive+'"></div><input type="checkbox" checked="'+container.attr('checked')+'" name="'+container.attr('name')+'" id="'+container.attr('id')+'" value="'+container.val()+'" />';
			}else{
				var div = '<div class="TTcheck"><div id="box_'+container.attr('id')+'" class="box '+isActive+'"></div><input type="checkbox" name="'+container.attr('name')+'" id="'+container.attr('id')+'" value="'+container.val()+'" />';

			}
			
			container.before(div);

			var box   = container.prev().children('.box');

			box.click(function() {
				if($(this).hasClass('active')) {
					$(this).removeClass('active');
					$(this).next(':input').attr({checked:false})
				}
				else {
					$(this).addClass('active');
					$(this).next(':input').attr({checked:true})
				}
				return true;
			});

			container.remove();

			return(this);
		});

	};
	
})(jQuery);