$('.testautocomplete').each(function(idx,ob){
    $(this).mojComplit();
})

$('.testautocomplete').each(function(idx,ob){
    $(this).addClass('ac'+idx);
    $('.testautocomplete.ac'+idx).mojComplit();
})

    
$('.testautocomplete').each(function(idx,ob){
    $(this).mojComplit(idx);
})

$(function(){

    $.fn.mojComplit = function(idx) {

        this.field = [];
        this.field[idx] = $(this);
        
        this.idField = [];
        this.idField[idx] = null;
        
        this.list = [];
        this.list[idx] = null;

        this.init = function(idx) {
            _this = this;
            
            this.idField[idx] = this.field[idx].next('input');
            
            this.field[idx].on("keyup", function(){
                _this.keyup();
            });

        }

        this.keyup = function() {
            $.ajax({
                dataType: 'json',
                type: 'POST',
                url: './include/autocomplete/search.php',
                data: {query: _this.field[idx].val()}
            }).done(function( data ){
                _this.fillList( data );
            });
        }
        
        this.fillList = function( data ) {
            var results = data.results;
            var res = [];
            
            var htmlUlList = '<ul class="autocomplete-list-'+this.idField[idx].attr('name')+'" style="display: block; position: absolute; top:0; left:0;">';

            for ( i in results ) {
                res = results[i];
                htmlUlList += '<li id="'+res.id+'">'+res.name+'</li>';
            }
            
            htmlUlList += '</ul>';
            
            this.idField[idx].after(htmlUlList);
            this.initList();
            
        }
        
        this.initList = function() {
            this.list[idx] = this.field[idx].parent().find('ul');

            this.list[idx].find('li').each(function(idx, li) {
                $(li).click(function(){
                    var data = $(this);
                    _this.select(data);
                })
            })
        }
        
        this.select = function( data ) {
            var text = data.text();
            var id   = data.attr('id');
            
            this.field[idx].val(text);
            this.idField[idx].val(id);
            
            this.list[idx].remove();
        }
        
        return this.each(function(){

        })

    };

    els = [];

    $('.testautocomplete').each(function(idx,ob){
        $(ob).addClass('a'+idx);
        els[idx] = $('.testautocomplete.a'+idx).mojComplit(idx);
        els[idx].init(idx);
    })

})