ÿþvar multiselect = function (el, opts, $) {



    // default options

    /*

    this.options: {

    width:100,

    height:100,

    str:'',

    onChange:null

    },

    */



    var mmid = el.attr('id');



    var $ = $;

    this.element = el;

    this.options = {

        width: opts.width ? opts.width : 100,

        height: opts.height ? opts.height : 100,

        str: opts.str ? opts.str : '',

        onChange: opts.onChange ? opts.onChange : null,

        searchPHP: opts.searchPHP ? opts.searchPHP : null

    };



    this.ebid = function (id, el) {

        //			if(el == null)

        el = document;

        return el.getElementById(id);

    };

    this.ebn = function (tagName, el) {

        if (el == null)

            el = document;

        //			return el.getElementsByTagNameNS('http://www.w3.org/1999/xhtml/'/*'http://localhost/exotik/ruspo/TEST/1.xhtml'*/, tagName);

        return el.getElementsByTagName(tagName);

    }



    this._create = function () {

        var self = this,

				el = this.element,

				o = this.options,

				myId = el.attr('id'),

				html = '',

				i = 0;



        if (!o.str.length)

            o.str = el.html();



        el.hide();



        html += '<div id="' + mmid + 'el1" ' + 'class="ui-widget ui-widget-content ui-corner-all"' + ' style="width:' + (o.width - 6) + 'px;height:' + (270 - 6)/*o.height*/ + 'px;padding:3px;">';

        if (myId == 'ui-rsf-hotelInput') {

            html +=

					'<div ' + 'class="ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix"' + '>' +

            //						'<ul class="ui-helper-reset">'+

            //							'<li>'+

								'<a id="' + mmid + '-ui-multiselect-none" ' + 'class="ui-multiselect-none"' + ' href="#">' +

									'<span ' + 'class="ui-icon ui-icon-closethick"' + '></span><span>B<5=0</span>' +

								'</a>' +

            //							'</li>'+

            //						'</ul>'+

					'</div>';

            html +=

					'<div ' + 'class="ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix"' + '>' +

						'<div ' + 'class="ui-icon ui-icon-search"' + '></div>' +

						'<input id="' + mmid + 'el3"type="text" value="" ' + 'class="ui-widget ui-widget-content ui-corner-all ui-rsf-search"' + ' style="width:240px;">' +

						'<div id="' + mmid + 'el5" ' + 'class="multiselect-loader hid"' + '>03@C7:0...</div>' +

					'</div>';

        }

        html += '<div style="height:' + (204 + (myId == 'ui-rsf-hotelInput' ? 0 : 60)) + 'px;overflow:auto;"><ul class="ui-multiselect-menu">';



        var r = /<input/;

        //			console.log(myId);

        //			console.log(o.str.length);

        if (!o.str.length || r.test(o.str)) {

            html += o.str;

        } else {

            var rows = el.children('option');

            for (i = 0; i < rows.length; i++) {

                rows[i] = $(rows[i]);

                var val = rows[i].text();

                html +=

						'<li>' +

							'<label for="ui-multiselect-' + myId + '-option-' + i + '" ' + 'class="ui-corner-all ui-button ui-multiselect-label"' + '><input id="ui-multiselect-' + myId + '-option-' + i + '" type="checkbox" value="' + rows[i].attr('value') + '" title="' + val + '" />' + val + '</label>' +

						'</li>';

            }

        }

        html += '';

        html += '</ul></div></div>';



        //			if(mmid == 'ui-rsf-hotelInput'){this.menu = el.after(html).next(); return;}else

        //			if(mmid == 'ui-rsf-hotelInput'){

        //				var d = (new Date()).getTime();

        //				console.log((new Date()).getTime() - d);

        this.menuSpan = el.after('<span id="' + mmid + 'el0"></span>').next();

        //				this.menu = el.after(html).next();

        var tmp = document.getElementById(mmid + 'el0');

        tmp.innerHTML = html;

        this.menu = document.getElementById(mmid + 'el1');

        //				console.log(this.menu.getElementById(mmid+'-ui-multiselect-none'));

        //				this.menu = $(tmp).children(':first');

        //				return;

        //			}else

        //				this.menu = el.after(html).next();



        this.noneButton = $(this.ebid(mmid + '-ui-multiselect-none'));

        //			this.labels = this.menu.children('div:last').children('ul').children('li').children('label');

        //			console.log(this.menu);

        this.labels = this.ebn('label', this.menu);

        //			this.checkboxes = this.labels.children('input');

        this.checkboxes = this.ebn('input', this.menu);

        //			this.labels.unbind('hover');

        /*

        this.labels.hover(function(){

        $(this).toggleClass('ui-state-default');

        });

        */

        /*

        for(var i = 0; i < this.labels.length; i++){

        //				var row = $(this); 

        $(this.labels[i]).hover( 

        function() { 

        var t = this;

        setTimeout( function() { $(t).addClass('ui-state-default'); }, 0 ); 

        }, 

        function() { 

        var t = this;

        setTimeout( function() { $(t).removeClass('ui-state-default'); }, 0 ); 

        } 

        );

        }

        */

        this.noneButton.unbind('click');

        this.noneButton.click(function () {

            for (var i = 0; i < self.checkboxes.length; i++)

                self.checkboxes[i].checked = false;

            return false;

        });

        $(this.ebid(mmid + 'el3')).bind('keyup', function (e) {

            self._searchHandler(this, self);

        });

        if (o.onChange)

            for (var i = 0; i < this.checkboxes.length; i++)

                this.checkboxes[i].onclick = function (e) { o.onChange(); };

        //				var cb = $(this.checkboxes[i]);

        //				console.log(i);

        //				cb.unbind('change');

        //					cb.bind('change', function(){var t = o; setTimeout(function(){t.onChange();}, 0);});

        /*

        if(this.checkboxes[i].addEventListener)

        this.checkboxes[i].addEventListener('change', function(e){

        o.onChange();

        });

        else

        */

        //				}

        //			}

    }

    this.p = function (str) {

        console.log(str);

    }

    this.close = function () {

    }

    this._addslashes = function (str) {

        return (str + '').replace(/[\[\]\(\)\:\\"'.?*+}{,^$|-]/g, '\\$&')//.replace(/\u0000/g, '\\0');

    }

    this._searchHandler = function (el, self) {

        var strf = $(el).val();

        //console.log(strf.length);

        if (!strf.length) {

            //!!

            var lis = self.ebn('li', self.menu);

            for (var i = 0; i < lis.length; i++)

                $(lis[i]).show();

            //				self.menu.find('ul li').show();

            if (self.iid)

                clearTimeout(self.iid);

        } else/* if(self.checkboxes.length <= 300){

				self.checkboxes.each(function(){

					var str = $(this).attr('title');

					var reg = new RegExp(self._addslashes(strf), 'im');

					var result = reg.test(str);

					if(!result){

						$(this).removeAttr('checked');

						$(this).parent('label').parent('li').hide();

					}else

						$(this).parent('label').parent('li').show();

				});

			}else*/

        {

            if (self.iid)

                clearTimeout(self.iid);

            self.iid = window.setTimeout(function () { self._makeSearch({ strf: strf, self: self }); }, 800);

        }

        if (self.options.static)

            self._trigger('close');

    }

    this._makeSearch = function (a) {

        var str = a['strf'];

        var sel = a.self;

        //            sel.menu.find('input.ui-rsf-search').blur();



        $(sel.ebid(mmid + 'el3')).blur();

        var lis = sel.ebn('li', sel.menu);

        for (var i = 0; i < lis.length; i++)

            lis[i].style.display = 'none';

        //            sel.menu.find('ul.ui-multiselect-menu li').hide();

        //            sel.menu.find('div.multiselect-loader').removeClass('hid').prev().css('width', sel.options.width - 110);



        $(sel.ebid(mmid + 'el5')).removeClass('hid').prev().css('width', sel.options.width - 110);

        sel._loadURL(sel.options.searchPHP + '&NAME=' + str);

    }

    this.makeSearch = function (r) {

        var sel = this;

        //this.menu.find('div.multiselect-loader').addClass('hid').prev().css('width', this.options.width - 40);



        $(sel.ebid(mmid + 'el5')).addClass('hid').prev().css('width', this.options.width - 40);

        $('body').append('<ul id="ui-tmpSelect" style="display:none;">' + r + '</ul>');

        //li value="48409"

        //console.log('SEARCH: ' + $('#ui-tmpSelect li').length);

        var tmpSelect = sel.ebid('ui-tmpSelect');

        var lis = sel.ebn('li', tmpSelect);

        for (var i = 0; i < lis.length; i++) {

            $(sel.menu).find('ul.ui-multiselect-menu li[value="' + lis[i].value + '"]').show();

            //	console.log(lis[i].value);

        }

        //	$(lis[i]).hide();

        /*

        $('#ui-tmpSelect li').each(function () {

        //console.log('SEARCH VAR: ' + $(this).attr('value'));

        sel.menu.find('ul.ui-multiselect-menu li[value="' + $(this).attr('value') + '"]').show();

        });

        */

        //$('#ui-tmpSelect').remove();

        tmpSelect.parentNode.removeChild(tmpSelect)

        $(sel.menu).find('ul li:hidden input:checked').removeAttr('checked');

    }

    this._loadURL = function (url) {

        var oScript = document.createElement('script');

        oScript.src = url;

        document.body.appendChild(oScript);

    }

    this.enable = function () {

        this._toggleDisabled(false);

    }

    this.disable = function () {

        this._toggleDisabled(true);

    }

    this._toggleDisabled = function (flag) {

        if (!this.menu)

            return;

        //			this.menu.find('input').attr('disabled', (flag ? 'disabled' : '')).parent()[ flag ? 'addClass' : 'removeClass' ]('ui-state-disabled');

        this.element.attr('disabled', (flag ? 'disabled' : ''));

    }

    this.getChecked = function () {

        var ret = [];

        for (var i = 0; i < this.checkboxes.length; i++) {

            //				if($(this.checkboxes[i]).attr('checked')){

            if (this.checkboxes[i].checked) {

                ret.push(this.checkboxes[i].getAttribute('value'));

            }

        }

        return ret;

        //            return this.menu.find('input').filter(':checked');

    }

    this.destroy = function () {

        //			return this;

        // remove classes + data

        //            $.Widget.prototype.destroy.call(this);

        if (!this.menu)

            return;

        /*

        this.menu.remove();

        if(this.menuSpan)

        this.menuSpan.remove();

        */

        //			this.menuSpan.innerHTML = '';

        //			$(this.menuSpan).remove();

        //			document.getElementById('ruspoSearchForm').removeChild(this.menuSpan[0]);

        this.menuSpan[0].parentNode.removeChild(this.menuSpan[0])

        this.element.show();



        return this;

    }

    this.widget = function () {

        return this.menu;

    }



    this._create();

}



ScriptLoaded = "jquery.multiselect.min.js";