/*

Uniform v1.0
Copyright © 2009 Josh Pyles / Pixelmatrix Design LLC
http://pixelmatrixdesign.com

Requires jQuery 1.3 or newer

Much thanks to Thomas Reynolds and Buck Wilson for their help and advice on this

License:
MIT License - http://www.opensource.org/licenses/mit-license.php

Usage:

$(function(){

	$("select, :radio, :checkbox").uniform();

});

You can customize the classes that Uniform uses:

$("select, :radio, :checkbox").uniform({
	selectClass: 'mySelectClass',
	radioClass: 'myRadioClass',
	checkboxClass: 'myCheckboxClass',
	checkedClass: 'myCheckedClass',
	focusClass: 'myFocusClass'
});

Enjoy!

*/

(function($) {
  $.uniform = {
    options: {
      selectClass:   'selector',
			radioClass: 'radio',
			checkboxClass: 'checker',
			checkedClass: 'checked',
      focusClass: 'focus'
    }
  };

	if($.browser.msie && $.browser.version < 7){
		$.selectOpacity = false;
	}else{
		$.selectOpacity = true;
	}

  $.fn.uniform = function(options) {

		options = $.extend($.uniform.options, options);

		function doSelect(elem){

			var divTag = $('<div />'),
	  			spanTag = $('<span />');

			divTag.addClass(options.selectClass);

			spanTag.html(elem.children(":selected").text());

			elem.css('opacity', 0);
			elem.wrap(divTag);
			elem.before(spanTag);

			//redefine variables

			divTag = elem.parent("div");
			spanTag = elem.siblings("span");

			elem.change(function() {
       	spanTag.text(elem.children(":selected").text());
     	})
     	.focus(function() {
      	divTag.addClass(options.focusClass);
     	})
     	.blur(function() {
      	divTag.removeClass(options.focusClass);
     	});
		}

		function doCheckbox(elem){

			var divTag = $('<div />'),
	  			spanTag = $('<span />');

			divTag.addClass(options.checkboxClass);

			//wrap with the proper elements
			$(elem).wrap(divTag);
			$(elem).wrap(spanTag);

			//redefine variables

			spanTag = elem.parent();
			divTag = spanTag.parent();

			//hide normal input and add focus classes
			$(elem)
			.css("opacity", 0)
			.focus(function(){

				divTag.addClass(options.focusClass);
			})
			.blur(function(){

				divTag.removeClass(options.focusClass);
			})
			.click(function(){

				if(!$(elem).attr("checked")){
					//box was just unchecked, uncheck span
					spanTag.removeClass(options.checkedClass);
				}else{
					//box was just checked, check span
					spanTag.addClass(options.checkedClass);
				}
			});

			//handle defaults
			if($(elem).attr("checked")){
				//box is checked by default, check our box
				spanTag.addClass(options.checkedClass);
			}
		}

		function doRadio(elem){

			var divTag = $('<div />'),
	  			spanTag = $('<span />');

			divTag.addClass(options.radioClass);

			//wrap with the proper elements
			$(elem).wrap(divTag);
			$(elem).wrap(spanTag);

			//redefine variables

			spanTag = elem.parent();
			divTag = spanTag.parent();

			//hide normal input and add focus classes
			$(elem)
			.css("opacity", 0)
			.focus(function(){
				divTag.addClass(options.focusClass);
			})
			.blur(function(){
				divTag.removeClass(options.focusClass);
			})
			.click(function(){
				if(!$(elem).attr("checked")){
					//box was just unchecked, uncheck span
					spanTag.removeClass(options.checkedClass);
				}else{
					//box was just checked, check span
					var nb_checked = $("."+options.radioClass+" span."+options.checkedClass).size();
					for (i=0; i< nb_checked; i++){
					    var x = $("."+options.radioClass+" span."+options.checkedClass).find("input").eq(i).attr("name");
					    if(x==name){
					        $("."+options.radioClass+" span."+options.checkedClass).eq(i).removeClass(options.checkedClass);
					    }
					}
				}
			});

			//handle defaults
			if($(elem).attr("checked")){
				//box is checked by default, check span
				spanTag.addClass(options.checkedClass);
			}
		}

    return this.each(function() {
			if($.selectOpacity){
				var elem = $(this);

				if(elem.is("select")){
					//element is a select
					doSelect(elem);

				}else if(elem.is(":checkbox")){
					//element is a checkbox
					doCheckbox(elem);

				}else if(elem.is(":radio")){
					//element is a radio
					doRadio(elem);
				}
			}
    });
  };
})(jQuery);