/*

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
                                                            $("."+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);