/*Uniform v1.0Copyright © 2009 Josh Pyles / Pixelmatrix Design LLChttp://pixelmatrixdesign.comRequires jQuery 1.3 or newerMuch thanks to Thomas Reynolds and Buck Wilson for their help and advice on thisLicense:MIT License - http://www.opensource.org/licenses/mit-license.phpUsage:$(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					$("."+options.radioClass+" span."+options.checkedClass).removeClass(options.checkedClass);					spanTag.addClass(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);