/*
 * jQuery Styled Select Boxes
 * version: 1.0 (2008/10/16)
 * @requires jQuery v1.2.6 or later
 *
 * Examples and documentation at: http://code.google.com/p/lnet/wiki/jQuerystyledSelect
 *
 * Copyright (c) 2008 Lasar Liepins, liepins.org, liepins@gmail.com
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 */

jQuery.fn.styledSelect = function(settings) {
        settings = jQuery.extend({
                selectClass: 'styledSelect',
                openSelectClass: 'open',
                optionClass: 'option',
                selectedOptionClass: 'selected',
                selectedClosedOptionClass: 'selectedclosed',
                closedOptionClass: 'closed',
                firstOptionClass: 'first',
                lastOptionClass: 'last',
                zIndexApply: false,
                zIndexStart: 250
        }, settings);  

        var currentZIndex = settings.zIndexStart;

        this.each(function() {
                var s = jQuery(this);
                var cs = jQuery('<div></div>').attr('class', settings.selectClass);
                if(settings.zIndexApply) { cs.css('z-index', currentZIndex-2); };
                var csl = jQuery('<ul></li>');
                if(settings.zIndexApply) { csl.css('z-index', currentZIndex-1); };
                cs.append(csl);
                s.hide(0).after(cs);
                cs = s.next();

                jQuery('option', s).each(function() {
                        if(jQuery(this).attr('value')==undefined) {
                                jQuery(this).attr('value', jQuery(this).text());
                        }
                });

                var closedSelect = function() {
                        jQuery('ul', cs).html('');
                        addOption(s.val(), jQuery(':selected', s).text(), clickSelect);
                        cs.removeClass(settings.openSelectClass);
                        jQuery('ul li', cs).removeClass(settings.selectedOptionClass).removeClass(settings.optionClass).addClass(settings.closedOptionClass);
                        
                        if(s.val() != "")
                        	jQuery('ul li', cs).addClass(settings.selectedClosedOptionClass);
                };

                var clickSelect = function() {
                        jQuery('ul', cs).empty();
                        jQuery('option', s).each(function(i) { addOption(jQuery(this).val(), jQuery(this).text(), clickOption); });
                        cs.addClass(settings.openSelectClass);
                        jQuery('ul li:first-child', cs).removeClass(settings.selectedClosedOptionClass).addClass(settings.firstOptionClass);
                        jQuery('ul li:last-child', cs).addClass(settings.lastOptionClass);
                };

                var clickOption = function() {
                        var val = jQuery(this).attr('rel');
                        s.val(val);
                        closedSelect();
                };

                var addOption = function(optVal, optName, callBack) {
                        var cso = jQuery('<li></li>').attr('rel', optVal).text(optName).click(callBack).addClass(settings.optionClass);
                        if(settings.zIndexApply) { cso.css('z-index', currentZIndex); };
                        if(s.val()==optVal) {
                                cso.addClass(settings.selectedOptionClass);
                        };
                        jQuery('ul', cs).append(cso);
                };

                closedSelect();
                s.change(closedSelect);
                currentZIndex -= 3;
        });

        return this;
};