/*	
 *	jQuery Combobox with autocomplete plugin
 *	www.frebsite.nl
 *	Copyright (c) 2009 Fred Heusschen
 *	Licensed under the MIT license.
 *	http://www.opensource.org/licenses/mit-license.php
 */
(function($) {
    $.fn.combobox = function(settings) {
        var opts = $.extend({}, $.fn.combobox.defaults, settings);
        if (!$('#combo_overlay').length) {
            $('body').append('<div id="combobox_overlay"></div>');
            $('#combobox_overlay').unbind('click').click($.fn.combobox.sluitSelect);
        }
        return this.each(function() {
            var el = $(this);
            var id = el.attr('id');
            var ic = (id.length > 0) ? ' id="combobox_container_' + id + '"' : '';
            id = (id.length > 0) ? ' id="' + id + '"' : '';
            var na = (el.attr('name').length) ? ' name="' + el.attr('name') + '"' : '';
            var ti = (el.attr('tabindex').length) ? ' tabindex="' + el.attr('tabindex') + '"' : '';
            var cb = '<input class="combobox_input" type="text" value="' + $(':selected', el).text() + '' + ti + '" autocomplete="off" />';
            cb += '<input class="combobox_hidden" type="hidden"' + na + '' + id + ' value="' + el.val() + '" />';
            if (opts.buttonText.length > 0) {
                cb += '<a href="javascript:void();" class="combobox_button"><span>' + opts.buttonText + '</span></a>';
            }
            cb += '<ul class="combobox_summary">';
            $('option', el).each(function() {
                var t = $(this).html();
                var c = ($(this).attr('class').length) ? ' class="' + $(this).attr('class') + '"' : '';
                var v = $(this).attr('value');
                if (!v.length) v = t;
                cb += '<li' + c + '><a href="javascript:void();" value="' + v + '">' + t + '</a></li>';
            });
            cb += '</ul>';
            el.wrap('<div class="combobox_container"' + ic + '></div>');
            var di = el.parent();
            di.append(cb);
            el.remove();
            //	selectie openen via button
            if (opts.showOnMouseOver) {
                $(di).mouseover(function() {
                    $.fn.combobox.openSelectFromButton($(this), opts);
                }).click(function() {
                    return false;
                });
            } else if (opts.buttonText.length > 0) {
                $('a.combobox_button', di).click(function() {
                    $.fn.combobox.openSelectFromButton($(this), opts);
                    return false;
                });
            }
            //	selectie sluiten na mouse-out
            if (opts.hideOnMouseOut) {
                $(di).mouseout(function() {
                    $.fn.combobox.sluitSelect();
                });
            }
            //	selectie openen via autocomplete
            $('input.combobox_input', di).keyup(function() {
                $('input.combobox_hidden', di).val($(this).val());
            });
            if (opts.autoComplete) {
                $('input.combobox_input', di).keyup(function() {
                    var ul = $(this).parent().find('ul');
                    var va = $(this).val().toLowerCase();
                    var ar = new Array();
                    if (va.length > 0) {
                        $('li', ul).each(function() {
                            var a = $(this).find('a')
                            if (a.html().toLowerCase().indexOf(va) != -1 || a.attr('value').toLowerCase().indexOf(va) != -1) {
                                $(this).show();
                                ar.push(a.attr('value'));
                            } else $(this).hide();
                        });
                    }
                    $.fn.combobox.sluitSelect();
                    if (ar.length > 0) $.fn.combobox.openSelect(ul, ar.length, opts);
                    opts.callbackShowOptions(ar);
                    return false;
                });
            }
            //	gekozen selectie toepassen
            $('ul.combobox_summary li a', di).click(function() {
                var v = $(this).attr('value');
                $('input.combobox_input', di).val($(this).html());
                $('input.combobox_hidden', di).attr('value', v);
                $.fn.combobox.sluitSelect();
                opts.callbackSelectOption(v);
                return false;
            });
            $.fn.combobox.sluitSelect();
        });
    };
    $.fn.combobox.openSelectFromButton = function(btn, o) {
        var ul = btn.parent().find('ul');
        if ($('li', ul).is(':visible')) {
            $('li', ul).hide();
        }
        else {
            $('li', ul).show();
            $.fn.combobox.sluitSelect();
            $.fn.combobox.openSelect(ul, ul.children('li').size(), o);
            var ar = new Array();
            $('li a', ul).each(function() {
                ar.push($(this).attr('href'));
            });
            o.callbackShowOptions(ar);
        }
    }
    $.fn.combobox.openSelect = function(el, aa, o) {
        el.show();
        var nh;
        if (o.height == 0)
            nh = (aa > o.maxVisibleOptions) ? (o.maxVisibleOptions * $('li:visible', el).height()) + 'px' : '';
        else
            nh = o.height;
        el.css('height', nh);
        el.scrollTop(0);
        $('#combobox_overlay').show();
    }
    $.fn.combobox.sluitSelect = function() {
        $('ul.combobox_summary').hide();
        $('#combobox_overlay').hide();
    }
    $.fn.combobox.defaults = {
        showOnMouseOver: false,
        hideOnMouseOut: false,
        autoComplete: true,
        height: 0,
        maxVisibleOptions: 1000000,
        buttonText: '&gt;',
        callbackShowOptions: function(arr) { },
        callbackSelectOption: function(arr) { }
    };
})(jQuery);