/**
 * 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)
{
    var settings = {
        className: 'jquery-selectbox',
        listboxMaxSize: 15,
        replaceInvisible: false
    };

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

    var listOpen = false;

    var showList = function(listObj)
    {
        listOpen = true;
        listObj.addClass('opened');

        jQuery(document).bind('click', onBlurList);

        return listObj;
    }

    var hideList = function(listObj)
    {
        listOpen = false;
        listObj.removeClass('opened')
            .parent().css('z-index', 1);

        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 class="' + settings.className + '-list ' + commonClass + '-list" />' +
                '<span class="' + settings.className + '-currentItem" />' +
            '</div>'
        );

        jQuery('option', _this).each(function(k, v)
        {
            var v = jQuery(v);
            var listElement =  jQuery('<span class="' + settings.className + '-item value-' + v.val() + ' item-' + k + '">' + v.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;
                    }
                };

                thisReplacment
                    .find('.' + settings.className + '-currentItem')
                    .text(thisListElement.text());

                $(thisReplacment.find('option')[ thisIndex ]).attr('selected', 'selected');
                $(thisReplacment.find('select')).trigger('change');

                var thisSublist = thisReplacment.find('.' + settings.className + '-list');

                if (thisSublist.filter(":visible").length > 0)
                {
                    hideList(thisSublist);
                }
                else
                {
                    showList(thisSublist);
                }

                return false;
            });

            jQuery('.' + settings.className + '-list', replacement).append(listElement);

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

        $('.' + settings.className).live('click', function()
        {
            $(this).css('z-index', 1000);

            var thisMoreButton = jQuery(this).find('.' + settings.className + '-moreButton');

            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);
            }

            return false;
        });

        _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;    

        var thisListBoxWidth = _this.width();

        replacement.css('width', thisListBoxWidth + 'px');

        var css = {
            width: thisListBoxWidth - 4
        };

        if (thisListBoxSize > 5)
            css.height = 5 * 24; 

        thisListBox.css(css);
    });
}

jQuery.fn.unselectbox = function(callback){
	var commonClass = 'jquery-custom-selectboxes-replaced';
	this.each(function() {
		var selectToRemove = jQuery(this).filter('.' + commonClass);
		selectToRemove.replaceWith(selectToRemove.find('select').show());
	});

	if (typeof callback == 'function')
		callback();
}