/*
 FCBKcomplete 2.6.1
 - Jquery version required: 1.2.x, 1.3.x
 
 Changelog:
 
 - 2.00    new version of fcbkcomplete
 
 - 2.01 fixed bugs & added features
         fixed filter bug for preadded items
         focus on the input after selecting tag
         the element removed pressing backspace when the element is selected
         input tag in the control has a border in IE7
         added iterate over each match and apply the plugin separately
         set focus on the input after selecting tag
 
 - 2.02 fixed fist element selected bug
         fixed defaultfilter error bug
 
 - 2.5     removed selected="selected" attribute due ie bug
         element search algorithm changed
         better performance fix added
         fixed many small bugs
         onselect event added
         onremove event added
         
 - 2.6     ie6/7 support fix added
         added new public method addItem due request
         added new options "firstselected" that you can set true/false to select first element on dropdown list
         autoexpand input element added
         removeItem bug fixed
         and many more bug fixed

 - 2.6.1
         fixed public method to use it $("elem").trigger("addItem",[{"title": "test", "value": "test"}]);
 */

/* Coded by: emposha <admin@emposha.com> */
/* Copyright: Emposha.com <http://www.emposha.com/> - Distributed under MIT - Keep this message! */
/*
 * json_url         - url to fetch json object
 * cache               - use cache
 * height           - maximum number of element shown before scroll will apear
 * newel            - show typed text like a element
 * firstselected    - automaticly select first element from dropdown
 * filter_case      - case sensitive filter
 * filter_selected  - filter selected items from list
 * complete_text    - text for complete page
 * maxshownitems    - maximum numbers that will be shown at dropdown list (less better performance)
 * onselect            - fire event on item select
 * onremove            - fire event on item remove
 */
 
jQuery(function ($) {
    $.fn.safeSelectOptionByValue = function(a_string) {
      
      var selected_options = [];

      function html_entity_decode(str) {
          var decoder = document.createElement('textarea');
          decoder.innerHTML = str;
          return decoder.value;
      }
      var srcValue = html_entity_decode(a_string);
      this.each(function(){ 
        var element = $(this);
        element.children('option').each(function() {
          if (this.value == srcValue) {
            selected_options.push(this);
          }
        });
      });

      return $(selected_options);
    };
});

jQuery(
    function ($) 
    {
        $.fn.fcbkcomplete = function (opt) 
        {
            return this.each(function()
            {
                function init()
                {
                   createFCBK();       
                   preSet();
                   addInput(0); 
                }
                
                function createFCBK()
                { 
                   currentXHR = null;
                   timeout = null;
                   element.hide();
                   element.attr("multiple","multiple");
                   if (element.attr("name").indexOf("[]") == -1)
                   {
                          element.attr("name",element.attr("name")+"[]");
                   }
                   
                   holder = $(document.createElement("ul"));
                   holder.attr("class", "holder");
                   element.after(holder);
                   

                   if (options.clear_flag_name) {
                     clearflag = $(document.createElement('input'));
                     clearflag.attr('type', 'checkbox');
                     clearflag.attr('value', '1');
                     clearflag.attr('name', options.clear_flag_name);
                     clearflag.hide();
                     element.after(clearflag);
                   }

                   complete = $(document.createElement("div"));
                   complete.addClass("facebook-auto");
                   complete.append('<div class="default">'+ options.complete_text +"</div>");
                   
                   if (browser_msie)
                   {
                        complete.append('<iframe class="ie6fix" scrolling="no" frameborder="0"></iframe>');
                        browser_msie_frame = complete.children('.ie6fix');                        
                   }
                   
                   feed = $(document.createElement("ul"));
                   feed.attr("id", elemid + "_feed");
                   
                   complete.prepend(feed);
                   holder.after(complete);
                   if (complete.width() > 0) feed.css("width",complete.width());
                }
                
                function preSet()
                {                                        
                    element.children("option").each( 
                        function(i,option) 
                        {                                                        
                            option = $(option);                                                
                            if (option.hasClass("selected"))
                            {                                                                                                                            
                                addItem (option.text(), option.val(), true);
                                option.attr("selected","selected");
                            } 
                            else
                            {
                                option.removeAttr("selected");    
                            }

                            cache.push({
                                caption: option.text(),
                                value: option.val()
                            });
                            search_string += "" + (cache.length - 1) + ":" + option.text() + ";";                
                        }
                    );
                }
                
                //public method to add new item
                $(this).bind("addItem", function(event, data)
                {                    
                    addItem(data.title, data.value);
                });
                
                function addItem (title, value, preadded)
                {                    
                    var li = document.createElement("li");
                    var txt = document.createTextNode(title);
                    var aclose = document.createElement("a");       
                    
                    $(li).attr({"class": "bit-box","rel": value});
                    $(li).prepend(txt);        
                    $(aclose).attr({"class": "closebutton","href": "#"});
                    
                    li.appendChild(aclose);
                    holder.append(li);
                    
                    $(aclose).click(
                        function(){
                            $(this).parent("li").fadeOut("fast", 
                                function(){
                                    removeItem($(this));                                    
                                }
                            );
                            return false;
                        }
                    );
                    
                    if (!preadded) 
                    {                        
                        $("#"+elemid + "_annoninput").remove();
                        var _item;
                        addInput(1);                        
                        //if (element.children("option[value=" + value + "]").length)
                        if (element.safeSelectOptionByValue(value).length)
                        {   
                            //_item = element.children("option[value=" + value + "]");            
                            _item = element.safeSelectOptionByValue(value);
                            _item.get(0).setAttribute("selected", "selected");
                            if (!_item.hasClass("selected")) 
                            {
                                _item.addClass("selected");
                            }
                        }
                        else
                        {
                            var _item = $(document.createElement("option"));
                            _item.attr("value", value).get(0).setAttribute("selected", "selected");
                            _item.attr("value", value).addClass("selected");
                            _item.text(title);              
                            element.append(_item);
                        }
                        if (clearflag) clearflag.attr('checked', null);
                        if (options.onselect.length)
                        {
                            funCall(options.onselect,_item)
                        }    
                    }                         
                    holder.children("li.bit-box.deleted").removeClass("deleted");
                    feed.hide();
                    browser_msie?browser_msie_frame.hide():'';
                }
                
                function removeItem(item)
                {    
                    if (options.onremove.length)
                    {
                        var _item = element.children("option[value=" + item.attr("rel") + "]");
                        funCall(options.onremove,_item)
                    }
                    element.children("option[value=" + item.attr("rel") + "]").removeAttr("selected");
                    element.children("option[value=" + item.attr("rel") + "]").removeClass("selected");
                    if (element.children("option[selected='selected']").length == 0 && element.children("option[class='selected']").length == 0) {
                      if (clearflag) {
                        clearflag.attr('checked', 'checked');
                      }
                    }
                    item.remove();                    
                    deleting = 0;                    
                }
                
                function addInput(focusme)
                {
                    var li = $(document.createElement("li"));
                    var input = $(document.createElement("input"));
                    
                    li.attr({"class": "bit-input","id": elemid + "_annoninput"});        
                    input.attr({"type": "text","class": "maininput","size": "1"});        
                    holder.append(li.append(input));
                    
                    input.focus(
                        function()
                        {
                            complete.fadeIn("fast");
                        }
                    );
                    
                    input.blur(
                        function()
                        {
                            complete.fadeOut("fast");
                        }
                    );
                    
                    holder.click(
                        function()
                        {
                            input.focus();
                            if (feed.length && input.val().length) 
                            {
                                feed.show();
                            }
                            else 
                            {                
                                feed.hide();
                                browser_msie?browser_msie_frame.hide():'';
                                complete.children(".default").show();
                            }
                        }
                    );
                    
                    input.keypress(
                        function(event)
                        {                            
                            if (event.keyCode == 13)
                            {
                                return false;
                            }
                            //auto expand input                            
                            input.attr("size",input.val().length + 1);                            
                        }
                    );
                    
                    input.keydown(
                        function(event)
                        {                            
                            //prevent to enter some bad chars when input is empty
                            if(event.keyCode == 191)
                            {                                
                                event.preventDefault();
                                return false;
                            }                                               
                        }
                    );
                    
                    input.keyup(
                        function(event)
                        {
                            var etext = xssPrevent(input.val());
                                                        
                            if (event.keyCode == 8 && etext.length == 0)
                            {            
                                feed.hide();
                                browser_msie?browser_msie_frame.hide():'';                
                                if (holder.children("li.bit-box.deleted").length == 0) 
                                {
                                    holder.children("li.bit-box:last").addClass("deleted");
                                    return false;
                                }
                                else 
                                {
                                    if (deleting)
                                    {
                                        return;
                                    }
                                    deleting = 1;
                                    holder.children("li.bit-box.deleted").fadeOut("fast", function()
                                    {
                                        removeItem($(this));
                                        return false;
                                    });
                                }
                            }
                            
                            if (event.keyCode != 40 && event.keyCode != 38 && etext.length != 0) 
                            {
                              clearTimeout(timeout);
                              timeout = setTimeout(function() { doChange(etext) }, 300);
                            }
                        }
                    );
                    if (focusme)
                    {
                        setTimeout(function(){
                            input.focus();
                            complete.children(".default").show();
                        },1);
                    }                            
                }

                function doChange(etext) 
                {
                  counter = 0;                                                                
                  
                  if (options.json_url) 
                  {
                      if (options.cache && json_cache) 
                      {
                          addMembers(etext);
                          bindEvents();
                      }
                      else 
                      {
                          if (currentXHR) currentXHR.abort();
                          currentXHR = $.getJSON(options.json_url, { tag: etext }, 
                              function(data)
                              {
                                  addMembers(etext, data);
                                  json_cache = true;
                                  bindEvents();
                              }
                          );
                      }
                  }
                  else 
                  {
                      addMembers(etext);
                      bindEvents();
                  }
                  complete.children(".default").hide();
                  feed.show();
                }
                
                function addMembers(etext, data)
                {
                    feed.html('');
                    
                    if (!options.cache) 
                    {
                        cache = new Array();
                        search_string = "";
                    }
                    
                    addTextItem(etext);
                    
                    if (data != null && data.length)
                    {
                        $.each(data, 
                            function(i, val)
                            {
                                cache.push (
                                    {
                                        caption: val.caption,
                                        value: val.value,
                                        comment: val.comment
                                    }
                                );
                                search_string += "" + (cache.length - 1) + ":" + val.caption + ";";
                            }
                        );    
                    }
                    
                    var maximum = options.maxshownitems<cache.length?options.maxshownitems:cache.length;
                    var filter = "i";
                    if (options.filter_case)
                    {
                        filter = ""; 
                    }

                    etext = etext == '*' ? '' : etext; 
                    
                    var myregexp, match;
                    try {
                        myregexp = eval('/(?:^|;)\\s*(\\d+)\\s*:[^;]*?' + etext + '[^;]*/g' + filter);
                        match = myregexp.exec(search_string);
                    } catch(ex){};
                                        
                    var content = '';
                    while (match != null && maximum > 0) 
                    {
                        var id = match[1];                        
                        var object = cache[id];    
                        if (options.filter_selected && element.safeSelectOptionByValue(object.value).hasClass("selected")) 
                        {
                            //nothing here...
                        }
                        else 
                        {
                            content += '<li rel="' + object.value + '"><span class="text">' + itemIllumination(object.caption, etext) + '</span>' + (object.comment ? '<span class="comment"> - ' + object.comment + '</span>' : '' ) +'</li>';
                            counter++;
                            maximum--;
                        }                        
                        match = myregexp.exec(search_string);
                    }
                    if (options.nyromodal_url) {
                      content += '<li id="' + options.item_nyromodal_link_id + '"><a style="display: block;" class="nyromodal" href="' + options.nyromodal_url + '">' + options.item_nyromodal_link_label + '</a></li>';
                    }
                    feed.append(content);
                    
                    if (options.firstselected)
                    {
                        focuson = feed.children("li:visible:first");
                        focuson.addClass("auto-focus");
                    }
                    
                    if (counter > options.height) 
                    {
                        feed.css({"height": (options.height * 24) + "px","overflow": "auto"});
                        if (browser_msie)
                        {
                            browser_msie_frame.css({"height": (options.height * 24) + "px", "width": feed.width() + "px"}).show();
                        }
                    }
                    else 
                    {
                        feed.css("height", "auto");
                        if (browser_msie)
                        {
                            browser_msie_frame.css({"height": feed.height() + "px", "width": feed.width() + "px"}).show();
                        }
                    }                
                }
                
                function itemIllumination(text, etext)
                {
                    if (options.filter_case) 
                    {     
                        try {
                            eval("var text = text.replace(/(.*)(" + etext + ")(.*)/gi,'$1<em>$2</em>$3');");
                        } catch(ex){};
                    }
                    else 
                    {    
                        try {
                            eval("var text = text.replace(/(.*)(" + etext.toLowerCase() + ")(.*)/gi,'$1<em>$2</em>$3');");
                        }catch(ex){};
                    }                    
                    return text;
                }
                
                function bindFeedEvent() 
                {        
                    feed.children("li").mouseover(
                        function()
                        {
                            feed.children("li").removeClass("auto-focus");
                            $(this).addClass("auto-focus");
                            focuson = $(this);
                        }
                    );
                    
                    feed.children("li").mouseout(
                        function()
                        {
                            $(this).removeClass("auto-focus");
                            focuson = null;
                        }
                    );
                }
                
                function removeFeedEvent() 
                {           
                    feed.children("li").unbind("mouseover");    
                    feed.children("li").unbind("mouseout");
                    feed.mousemove(
                        function () 
                        {
                            bindFeedEvent();
                            feed.unbind("mousemove");
                        }
                    );    
                }
                
                function bindEvents()
                {
                    var maininput = $("#"+elemid + "_annoninput").children(".maininput");                         
                       bindFeedEvent();          
                    feed.children("li").unbind("mousedown");        
                    feed.children("li").mousedown( 
                        function()
                        {
                            var option = $(this);
                            var _text = '';
                            if (option.children('span.text').length > 0) {
                              _text = option.children('span.text').first().text();
                            } else {
                              _text = option.text();
                            }
                            addItem(_text,option.attr("rel"));
                            feed.hide();
                            browser_msie?browser_msie_frame.hide():'';
                            complete.hide();
                        }
                    );

                    if (options.nyromodal_url) {
                      feed.children('li#' + options.item_nyromodal_link_id).unbind("mousedown");
                      if ( $.browser.msie ) {
                        anchors = feed.find('li#' + options.item_nyromodal_link_id + ' a.nyromodal');
                        feed.children('li#' + options.item_nyromodal_link_id).mousedown(function () {
                          anchors.nyroModalManual();
                        });
                      } else {
                        feed.find('li#' + options.item_nyromodal_link_id + ' a.nyromodal').nyroModal();
                      }
                    }
                    
                    maininput.unbind("keydown");
                    maininput.keydown(
                        function(event)
                        {        
                            if(event.keyCode == 191)
                            {                                
                                event.preventDefault();
                                return false;
                            }
                                                
                            if (event.keyCode != 8) 
                            {
                                holder.children("li.bit-box.deleted").removeClass("deleted");
                            }
                            
                            if (event.keyCode == 13 && checkFocusOn()) 
                            {
                                var option = focuson;
                                addItem(option.text(), option.attr("rel"));
                                complete.hide();
                                event.preventDefault();
                                focuson = null;
                                return false;
                            }
                            
                            if (event.keyCode == 13 && !checkFocusOn()) 
                            {
                                if (options.newel) 
                                {
                                    var value = xssPrevent($(this).val());
                                    addItem(value, value);
                                    complete.hide();
                                    event.preventDefault();
                                    focuson = null;
                                }
                                return false;                            
                            }
                            
                            if (event.keyCode == 40) 
                            {               
                                removeFeedEvent();
                                if (focuson == null || focuson.length == 0) 
                                {
                                    focuson = feed.children("li:visible:first");
                                    feed.get(0).scrollTop = 0;
                                }
                                else 
                                {
                                    focuson.removeClass("auto-focus");
                                    focuson = focuson.nextAll("li:visible:first");
                                    var prev = parseInt(focuson.prevAll("li:visible").length,10);
                                    var next = parseInt(focuson.nextAll("li:visible").length,10);
                                    if ((prev > Math.round(options.height /2) || next <= Math.round(options.height /2)) && typeof(focuson.get(0)) != "undefined") 
                                    {
                                        feed.get(0).scrollTop = parseInt(focuson.get(0).scrollHeight,10) * (prev - Math.round(options.height /2));
                                    }
                                }
                                feed.children("li").removeClass("auto-focus");
                                focuson.addClass("auto-focus");
                            }
                            if (event.keyCode == 38) 
                            {
                                removeFeedEvent();
                                if (focuson == null || focuson.length == 0) 
                                {
                                    focuson = feed.children("li:visible:last");
                                    feed.get(0).scrollTop = parseInt(focuson.get(0).scrollHeight,10) * (parseInt(feed.children("li:visible").length,10) - Math.round(options.height /2));
                                }
                                else 
                                {
                                    focuson.removeClass("auto-focus");
                                    focuson = focuson.prevAll("li:visible:first");
                                    var prev = parseInt(focuson.prevAll("li:visible").length,10);
                                    var next = parseInt(focuson.nextAll("li:visible").length,10);
                                    if ((next > Math.round(options.height /2) || prev <= Math.round(options.height /2)) && typeof(focuson.get(0)) != "undefined") 
                                    {
                                        feed.get(0).scrollTop = parseInt(focuson.get(0).scrollHeight,10) * (prev - Math.round(options.height /2));
                                    }
                                }
                                feed.children("li").removeClass("auto-focus");
                                focuson.addClass("auto-focus");
                            }                                                    
                        }
                    );
                }
                
                function addTextItem(value)
                {                    
                    if (options.newel) 
                    {
                        feed.children("li[fckb=1]").remove();
                        if (value.length == 0)
                        {
                            return;
                        }
                        var li = $(document.createElement("li"));
                        li.attr({"rel": value,"fckb": "1"}).html(value);
                        feed.prepend(li);
                        counter++;
                    } else 
                    {
                        return;
                    }
                }
                
                function funCall(func,item)
                {    
                    var _object = "";            
                    for(i=0;i < item.get(0).attributes.length;i++)
                    {    
                        if (item.get(0).attributes[i].nodeValue != null) 
                        {
                            _object += "\"_" + item.get(0).attributes[i].nodeName + "\": \"" + item.get(0).attributes[i].nodeValue + "\",";
                        }
                    }
                    _object = "{"+ _object + " notinuse: 0}";
                    try {
                        eval(func + "(" + _object + ")");
                    }catch(ex){};
                }
                
                function checkFocusOn()
                {
                    if (focuson == null)
                    {
                        return false;
                    }
                    if (focuson.length == 0)
                    {
                        return false;
                    }
                    return true;
                }
                
                function xssPrevent(string)
                {                    
                    string = string.replace(/[\"\'][\s]*javascript:(.*)[\"\']/g, "\"\"");
                    string = string.replace(/script(.*)/g, "");    
                    string = string.replace(/eval\((.*)\)/g, "");
                    string = string.replace('/([\x00-\x08,\x0b-\x0c,\x0e-\x19])/', '');
                    return string;
                }
                
                var options = $.extend({
                        json_url: null,
                        cache: false,
                        height: "10",
                        newel: false,
                        firstselected: false,
                        filter_case: false,
                        filter_hide: false,
                        complete_text: "Start to type...",
                        maxshownitems:  30,
                        onselect: "",
                        onremove: "",
                        clear_flag_name: null,
                        nyromodal_url: null,
                        item_nyromodal_link_id: 'nyromodal-item',
                        item_nyromodal_link_label: 'Lorem Ipsum'
                    }, opt);
                
                //system variables
                var clearflag          = null;
                var holder             = null;
                var feed               = null;
                var complete           = null;
                var counter            = 0;
                var cache              = new Array();
                var json_cache        = false;
                var search_string    = "";
                var focuson            = null;
                var deleting        = 0;
                var browser_msie    = "\v"=="v";
                var browser_msie_frame;
                
                var element = $(this);
                var elemid = element.attr("id");
                init();

                return this;
            });
        };
    }
);