/*jquery.select_skin.js */
/*
 * jQuery select element skinning
 * version: 1.0.2 (17/01/2009)
 * @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 2009 Colin Verot
 */


(function ($) {

    $.fn.select_skin = function (w) {
        return $(this).each(function(i) {
            s = $(this);

            // 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)
            });
            c.width(s.outerWidth()-2);
            c.height(s.outerHeight()-2);

            // skin the container
            c.css('background-color', s.css('background-color'));
            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('color', s.css('color'));
            t.css('font-size', s.css('font-size'));
            t.css('font-family', s.css('font-family'));
            t.css('font-style', s.css('font-style'));
            t.css( { 'opacity': 100, 'overflow': 'hidden', 'position': 'absolute', 'text-indent': '0px', 'z-index': 1, 'top': 0, 'left': 0 } );

            // add events
            c.children().click(function() {
                //t.text(this.options[this.selectedIndex].innerHTML);
								t.text(this.options[this.selectedIndex].innerHTML.replace('&amp;','&'));
            });
            c.children().change(function() {
                //t.text(this.options[this.selectedIndex].innerHTML);
								t.text(this.options[this.selectedIndex].innerHTML.replace('&amp;','&'));
            });
        });
    }
}(jQuery));