/*
 * Easy Select Box 1.0.1
 * http://www.codefleet.com/easy-select-box
 * Replace select with custom html for easy styling via css.
 * Features: multiple instances, initial value specified by selected attribute, optional classname, optional speed
 * Tested: IE7, IE8, Chrome 10, FF3, Safari 3.2 windows, Opera 11
 * 
 * Copyright 2011, Nico Amarilla
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * License same as jQuery http://jquery.org/license
 */
(function ($) {
    $.fn.extend({
        //plugin name
        easySelectBox: function (options) {

            //Settings list and the default values
            var defaults = {
                className: 'easy-select-box',
                disabled: false,
                speed: 0//speed of opening and closing drop down in ms
            };

            var options = $.extend(defaults, options);

            return this.each(function () {
                var o = options;

                //Assign current element to variable, in this case is UL element
                var selectObj = $(this);
                //check if its a <select> tag
                if ('select' != selectObj[0].nodeName.toLowerCase()) {
                    return false;
                }

                var lists = selectObj.children('option');
                var easySelect = null;
                var initialVal = selectObj.val();
                var displayClass = "easy-select-box-disp";
                var initIndex = 0;

                //construct html
                var html = '';
                $.each(lists, function (i, el) {
                    html += '<li><a href="#" rel="' + $(el).val() + '">' + $(el).text() + '</a></li>'; //place text
                    if (initialVal == $(el).val()) {
                        initIndex = i;
                    }
                });
                if (o.disabled)
                    o.className += ' disabled'
                html = '<div class="' + o.className + '"><a class="' + displayClass + '" href="javascript:void(0);">' + lists.eq(initIndex).text() + '</a><ul>' + html + '</ul></div>';

                //add to dom
                easySelect = $(html).insertAfter(selectObj);
                selectObj.hide(); //hide the select element

                easySelect.data('o', o); //store the settings of the current easySelect's options

                //array that contains the data of all the easySelect on the document
                easySelectRegistry = $(document).data('easySelect');
                if (easySelectRegistry == null) {//does not exist yet..
                    easySelectRegistry = new Array(); //.. so we create it
                }
                easySelectRegistry.push(easySelect); //push the current easySelect into the array
                $(document).data('easySelect', easySelectRegistry); //store the array

                //Attach click event
                easySelect.click(function (e) {
                    opts = $(this).data('o'); //use this easySelect's options
                    if (opts.disabled)
                        return;
                    if ($(easySelect).children('ul').is(':visible')) {
                        $(easySelect).children('ul').slideUp(o.speed);
                        easySelect.css('z-index', 99);
                    } else {
                        easySelectRegistry = $(document).data('easySelect'); //get all easySelect in this document
                        if (easySelectRegistry != null) {
                            $.each(easySelectRegistry, function () {
                                $(this).children('ul').slideUp(opts.speed);
                                $(this).css('z-index', 99);
                            });
                        }
                        $(easySelect).children('ul').slideDown(o.speed);
                        easySelect.css('z-index', 100);
                    }
                    e.stopPropagation();
                    return false;
                });

                $.fn.disabled = function () {
                    opts = $(this).next('.easy-select-box').data('o');
                    return opts.disabled;
                }

                $.fn.makeReadOnly = function (value) {
                    opts = $(this).next('.easy-select-box').data('o');
                    $(this).next('.easy-select-box').removeClass('disabled');
                    opts.disabled = false;
                    $(this).data('o', opts);
                }

                //close when not clicked.
                $(document).click(function () {
                    opts = $(this).data('o'); //use this easySelect's options
                    easySelectRegistry = $(document).data('easySelect');
                    if (easySelectRegistry != null) {
                        $.each(easySelectRegistry, function () {
                            if ($(this).children('ul').is(':visible')) {
                                $(this).children('ul').slideUp(opts.speed);
                            }
                        });
                    }
                });

                //change value
                easySelect.children('ul').children('li').click(function () {
                    easySelect.children('.' + displayClass).html($(this).children('a').html());
                    selectObj.children('option').removeAttr('selected');
                    selectObj.find('option').eq($(this).index()).attr('selected', 'selected'); //mark the selected option
                    $(this).closest("form").validate().element(selectObj);
                });
            });
        }
    });
})(jQuery);