/* ------------------------------------------------------------------------
	prettyCheckboxes
	
	Developped By: Stephane Caron (http://www.no-margin-for-errors.com)
	Inspired By: All the non user friendly custom checkboxes solutions ;)
	Version: 1.1
	
	Copyright: Feel free to redistribute the script/modify it, as
			   long as you leave my infos at the top.
------------------------------------------------------------------------- */
	
	jQuery.fn.prettyCheckboxes = function(settings) {
		settings = jQuery.extend({
					checkboxWidth: 17,
					checkboxHeight: 17,
					className : 'prettyCheckbox',
					display: 'list'
				}, settings);

		$(this).each(function(){
			// Find the label
			
			//see if it has been converted //add by Nathan
			var convertedAlready = $(this).attr('convertedAlready');
			if(convertedAlready != "true") {
				$label = $('label[for="'+$(this).attr('id')+'"]');

				// Add the checkbox holder to the label
				$label.prepend("<span class='holderWrap'><span class='holder'></span></span>");

				// If the checkbox is checked, display it as checked
				if($(this).is(':checked')) { $label.addClass('checked'); };

				// Assign the class on the label
				$label.addClass(settings.className).addClass($(this).attr('type')).addClass(settings.display);

				// Assign the dimensions to the checkbox display
				$label.find('span.holderWrap').width(settings.checkboxWidth).height(settings.checkboxHeight);
				$label.find('span.holder').width(settings.checkboxWidth);

				// Hide the checkbox
				$(this).addClass('hiddenCheckbox');

				// Associate the click event
				$label.bind('click',function(){
					//$('input#' + $(this).attr('for')).triggerHandler('click');
					
					if($('input#' + $(this).attr('for')).is(':checkbox')){
						$(this).toggleClass('checked');
						$('input#' + $(this).attr('for')).checked = true;
						
						$(this).find('span.holder').css('top',0);
					}else{
						$toCheck = $('input#' + $(this).attr('for'));

						// Uncheck all radio
						$('input[name="'+$toCheck.attr('name')+'"]').each(function(){
							$('label[for="' + $(this).attr('id')+'"]').removeClass('checked');	
						});

						$(this).addClass('checked');
						$toCheck.checked = true;
					};
				});
				
				$('input#' + $label.attr('for')).bind('keypress',function(e){
					if(e.keyCode == 32){
						if($.browser.msie){
							$('label[for="'+$(this).attr('id')+'"]').toggleClass("checked");
						}else{
							$(this).click();
							//$(this).trigger('click');
						}
						return false;
					};
				});
				$(this).attr('convertedAlready','true');
			} else {
				log("already converted!");
			}
		});
	};
	
	checkAllPrettyCheckboxes = function(caller, container){
		if($(caller).is(':checked')){
			// Find the label corresponding to each checkbox and click it
			$(container).find('input[type=checkbox]:not(:checked)').each(function(){
				//$('label[for="'+$(this).attr('id')+'"]').trigger('click');
				$('label[for="'+$(this).attr('id')+'"]').click();
				if($.browser.msie){
					$(this).attr('checked','checked');
				}else{
					$(this).click();
					//$(this).trigger('click');
				};
			});
		}else{
			$(container).find('input[type=checkbox]:checked').each(function(){
				$('label[for="'+$(this).attr('id')+'"]').trigger('click');
				if($.browser.msie){
					$(this).attr('checked','');
				}else{
					$(this).click();
					//$(this).trigger('click');
				};
			});
		};
	};
