/**
 * jQuery custom selectboxes
 * 
 * Copyright (c) 2008 Krzysztof Suszyński (suszynski.org)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * @version 0.6.1
 * @category visual
 * @package jquery
 * @subpakage ui.selectbox
 * @author Krzysztof Suszyński <k.suszynski@wit.edu.pl>
**/
jQuery.fn.selectbox = function(options) {
    /* Default settings */
    var settings = {
        className: 'jquery-selectbox',
        animationSpeed: 0,
        listboxMaxSize: 20,
        showIcons: true,
        iconsPath: "/Skins/Base/Images/Statuses/",
        replaceInvisible: false
    };

    var commonClass = 'jquery-custom-selectboxes-replaced';
    var listOpen = false;

    var showList = function(listObj) {
        var selectbox = listObj.parents('.' + settings.className + '');
        listObj.slideDown(settings.animationSpeed, function() {
            listOpen = true;
        });
        selectbox.addClass('selecthover');
        jQuery(document).bind('click', onBlurList);
        return listObj;
    }

    var hideList = function(listObj) {
        var selectbox = listObj.parents('.' + settings.className + '');
        listObj.slideUp(settings.animationSpeed, function() {
            listOpen = false;
            jQuery(this).parents('.' + settings.className + '').removeClass('selecthover');
        });
        jQuery(document).unbind('click', onBlurList);
        return listObj;
    }
    var onBlurList = function(e) {
        var trgt = e.target;
        var currentListElements = jQuery('.' + settings.className + '-list:visible').parent().find('*').andSelf();
        if (jQuery.inArray(trgt, currentListElements) < 0 && listOpen) {
            hideList(jQuery('.' + commonClass + '-list'));
        }
        return false;
    }

    /* Processing settings */
    settings = jQuery.extend(settings, options || {});
    /* Wrapping all passed elements */
    return this.each(function() {
        var _this = jQuery(this);
        if (_this.filter(':visible').length == 0 && !settings.replaceInvisible)
            return;

        var replacement = jQuery(
			'<div class="' + settings.className + ' ' + commonClass + '">' +
				'<div class="' + settings.className + '-moreButton"></div>' +
				'<div class="' + settings.className + '-list ' + commonClass + '-list"></div>' +
				'<span class="' + settings.className + '-currentItem"></span>' +
			'</div>'
		);

        jQuery('option', _this).each(function(k, v) {
            var v = jQuery(v);
            var iconClass = "";
            var text = v.text();
            if (text == "") {
                text = "&nbsp;";
            }
            else if (settings.showIcons) {
                if (v.attr("ref") != "") {
                    iconClass = v.attr("ref");
                }
            }

            var listElement = jQuery('<span class="' + settings.className + '-item value-' + v.val() + ' item-' + k + ' ' + iconClass + '" ref="' + iconClass + '">' + text + '</span>');
            listElement.click(function() {
                var thisListElement = jQuery(this);
                var thisReplacment = thisListElement.parents('.' + settings.className);
                var thisIndex = thisListElement[0].className.split(' ');
                for (k1 in thisIndex) {
                    if (/^item-[0-9]+$/.test(thisIndex[k1])) {
                        thisIndex = parseInt(thisIndex[k1].replace('item-', ''), 10);
                        break;
                    }
                };
                var thisValue = thisListElement[0].className.split(' ');
                for (k1 in thisValue) {
                    if (/^value-.+$/.test(thisValue[k1])) {
                        thisValue = thisValue[k1].replace('value-', '');
                        break;
                    }
                };

                var text = thisListElement.text();
                var currentItem = thisReplacment.find('.' + settings.className + '-currentItem');
                currentItem.text(text);
                currentItem.attr("class", settings.className + '-currentItem' + ' ' + thisListElement.attr("ref"));

                thisReplacment
					.find('select')
					.val(thisValue)
					.triggerHandler('change');

                var thisSublist = thisReplacment.find('.' + settings.className + '-list');
                if (thisSublist.filter(":visible").length > 0) {
                    hideList(thisSublist);
                } else {
                    showList(thisSublist);
                }
            }).bind('mouseenter', function() {
                jQuery(this).addClass('listelementhover');
            }).bind('mouseleave', function() {
                jQuery(this).removeClass('listelementhover');
            });

            jQuery('.' + settings.className + '-list', replacement).append(listElement);
            if (v.filter(':selected').length > 0) {
                jQuery('.' + settings.className + '-currentItem', replacement).text(v.text());
                jQuery('.' + settings.className + '-currentItem', replacement).attr("class", settings.className + '-currentItem' + ' ' + v.text());
            }
        });

        function dropDown() {
            var thisMoreButton = jQuery(this);
            var otherLists = jQuery('.' + settings.className + '-list')
			    .not(thisMoreButton.siblings('.' + settings.className + '-list'));
            hideList(otherLists);
            var thisList = thisMoreButton.siblings('.' + settings.className + '-list');
            if (thisList.filter(":visible").length > 0) {
                hideList(thisList);
            } else {
                showList(thisList);
            }
        }

        replacement.find('.' + settings.className + '-currentItem').click(dropDown);
        replacement.find('.' + settings.className + '-moreButton').click(dropDown)
        .bind('mouseenter', function() {
            jQuery(this).addClass('morebuttonhover');
        }).bind('mouseleave', function() {
            jQuery(this).removeClass('morebuttonhover');
        });

        _this.hide().replaceWith(replacement).appendTo(replacement);

        var thisListBox = replacement.find('.' + settings.className + '-list');
        var thisListBoxSize = thisListBox.find('.' + settings.className + '-item').length;

        if (thisListBoxSize > settings.listboxMaxSize)
            thisListBoxSize = settings.listboxMaxSize;

        if (thisListBoxSize == 0)
            thisListBoxSize = 1;

        if (thisListBox.css("width") == "auto") {
            var thisListBoxWidth = Math.round(_this.width() + 5);
            if (jQuery.browser.safari)
                thisListBoxWidth = thisListBoxWidth * 0.94;
            replacement.css('width', thisListBoxWidth + 'px');

            thisListBox.css({
                width: Math.round(thisListBoxWidth + 10) + 'px'
            });
        }
        else {

        }

        // Added change event for updating JS SelectBox control
        _this.bind("change", function(e, preventRefreshingContainer) {
            if (preventRefreshingContainer === true) {
                return
            }
            
            var thisListElement = _this.parent().find('span.' + settings.className + '-item.value-' + _this.val());
            var thisReplacment = thisListElement.parents('.' + settings.className);
            var thisIndex = thisListElement[0].className.split(' ');
            for (k1 in thisIndex) {
                if (/^item-[0-9]+$/.test(thisIndex[k1])) {
                    thisIndex = parseInt(thisIndex[k1].replace('item-', ''), 10);
                    break;
                }
            };
            var thisValue = thisListElement[0].className.split(' ');
            for (k1 in thisValue) {
                if (/^value-.+$/.test(thisValue[k1])) {
                    thisValue = thisValue[k1].replace('value-', '');
                    break;
                }
            };

            var text = thisListElement.text();
            var currentItem = thisReplacment.find('.' + settings.className + '-currentItem');
            currentItem.text(text);
            currentItem.attr("class", settings.className + '-currentItem' + ' ' + thisListElement.attr("ref"));
        });
    });
}
jQuery.fn.unselectbox = function(){
	var commonClass = 'jquery-custom-selectboxes-replaced';
	return this.each(function() {
		var selectToRemove = jQuery(this).filter('.' + commonClass);
		selectToRemove.replaceWith(selectToRemove.find('select').show());		
	});
}