﻿/*

                                                                                                                   
                                                                                                     bbbbbbb                             
	    ffffffffffffffff       999999999      222222222222222               llllll                   b:::::b                             
	   f::::::::::::::::f    99:::::::::99   2:::::::::::::::22             l::::l                   b:::::b                             
	  f::::::::::::::::::f 99:::::::::::::99 2::::::222222:::::2            l::::l                   b:::::b                             
	  f::::::fffffff:::::f9::::::99999::::::92222222     2:::::2            l::::l                   b:::::b                             
	  f:::::f       ffffff9:::::9     9:::::9            2:::::2            l::::l   aaaaaaaaaaaaa   b:::::bbbbbbbbb        ssssssssss   
	  f:::::f             9:::::9     9:::::9            2:::::2            l::::l   a::::::::::::a  b::::::::::::::bb    ss::::::::::s  
   fff:::::::ffffff        9:::::99999::::::9         2222::::2             l::::l   aaaaaaaaa:::::a b::::::::::::::::b ss:::::::::::::s 
   f::::::::::::::f         99::::::::::::::9    22222::::::22              l::::l            a::::a b:::::bbbbb:::::::bs::::::ssss:::::s
   fff:::::::ffffff           99999::::::::9   22::::::::222                l::::l     aaaaaaa:::::a b:::::b    b::::::b s:::::s  ssssss 
      f:::::f                      9::::::9   2:::::22222                   l::::l   aa::::::::::::a b:::::b     b:::::b   s::::::s      
	  f:::::f                     9::::::9   2:::::2                        l::::l  a::::aaaa::::::a b:::::b     b:::::b      s::::::s   
	  f:::::f                    9::::::9    2:::::2                        l::::l a::::a    a:::::a b:::::b     b:::::bssssss   s:::::s 
	  f:::::f                   9::::::9     2:::::2                        l::::1a::::a    a:::::a b:::::bbbbbb::::::bs:::::ssss::::::s
	  f:::::f                  9::::::9      2::::::2222222222222           l::::1a:::::aaaa::::::a b::::::::::::::::b s::::::::::::::s 
	  f:::::f                 9::::::9       2::::::::::::::::::2           l::::1 a::::::::::aa:::ab:::::::::::::::b   s:::::::::::ss  
	  f:::::f                99999999        22222222222222222222           llllll  aaaaaaaaaa  aaaabbbbbbbbbbbbbbbb     sssssssssss   
	  f:::::f                 
	  fffffff



*	&copy;2011 fusion92 labs.
*	
*	
*/
(function ($) {
    $.fn.extend({

        customStyle: function (options) {
            if (!$.browser.msie || ($.browser.msie && $.browser.version > 6)) {
                return this.each(function () {

                    var currentSelected = $(this).find(':selected');
                    $(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">' + currentSelected.text() + '</span></span>').css({ position: 'absolute', opacity: 0, fontSize: $(this).next().css('font-size') });
                    var selectBoxSpan = $(this).next();
                    var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) - parseInt(selectBoxSpan.css('padding-right')) - 9;
                    var selectBoxSpanInner = selectBoxSpan.find(':first-child');
                    selectBoxSpan.css({ display: 'inline-block' });
                    selectBoxSpanInner.css({ width: selectBoxWidth, display: 'inline-block' });
                    var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
                    $(this).height(selectBoxHeight).change(function () {
                        selectBoxSpanInner.text($(this).val()).parent().addClass('changed');
                    });

                });
            }
        }
    });
})(jQuery);


$(function () {

    $('select').customStyle();

});
