/*jquery.select_skin.js */

/*

 * jQuery select element skinning

 * version: 1.0.6 (26/06/2010)

 * @requires: jQuery v1.2 or later

 * adapted from Derek Harvey code

 *   http://www.lotsofcode.com/javascript-and-ajax/jquery-select-box-skin.htm

 * Licensed under the GPL license:

 *   http://www.gnu.org/licenses/gpl.html

 *

 * Copyright 2010 Colin Verot

 */





(function ($) {



    // skin the select

    $.fn.select_skin = function (w) {

        return $(this).each(function(i) {

            s = $(this);

            if (!s.attr('multiple')) {

                // create the container

                s.wrap('<div class="cmf-skinned-select"></div>');

                c = s.parent();

                c.children().before('<div class="cmf-skinned-text">&nbsp;</div>').each(function() {

                    if (this.selectedIndex >= 0) $(this).prev().text(this.options[this.selectedIndex].innerHTML);

					$(this).prev().css('width', 'auto');

                });

                c.width(s.outerWidth()-2);

                c.height(s.outerHeight()-2);



                // skin the container

                c.css('background-color', '#e9e9e9');

                c.css('color', s.css('color'));

                c.css('font-size', s.css('font-size'));

                c.css('font-family', s.css('font-family'));

                c.css('position', 'relative');



                // hide the original select

                s.css({'opacity': 0,  'position': 'relative', 'z-index': 100 });



                // get and skin the text label

                var t = c.children().prev();

                t.height(c.outerHeight()-s.css('padding-top').replace(/px,*\)*/g,"")-s.css('padding-bottom').replace(/px,*\)*/g,"")-t.css('padding-top').replace(/px,*\)*/g,"")-t.css('padding-bottom').replace(/px,*\)*/g,"")-2);

                t.width(c.innerWidth()-s.css('padding-right').replace(/px,*\)*/g,"")-s.css('padding-left').replace(/px,*\)*/g,"")-t.css('padding-right').replace(/px,*\)*/g,"")-t.css('padding-left').replace(/px,*\)*/g,"")-c.innerHeight());

                t.css({'opacity': 100, 'overflow': 'hidden', 'position': 'absolute', 'z-index': 1, 'top': 0, 'left': 0 });



                // add events

                c.children().click(function() {

                    t.text( (this.options.length > 0 && this.selectedIndex >= 0 ? this.options[this.selectedIndex].innerHTML : '') );

                });

                c.children().change(function() {

                    t.text( (this.options.length > 0 && this.selectedIndex >= 0 ? this.options[this.selectedIndex].innerHTML : '') );

                });

             }

        });

    }



    // un-skin the select

    $.fn.select_unskin = function (w) {

        return $(this).each(function(i) {

            s = $(this);

            if (!s.attr('multiple') && s.parent().hasClass('cmf-skinned-select')) {

                s.siblings('.cmf-skinned-text').remove();

                s.css({ 'opacity': 100, 'z-index': 0 }).unwrap();

             }

        });

    }

}(jQuery));