/*
FCBKcomplete 2.6
- 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
 		
*/

/* 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.fcbkcomplete = function (opt) {
            return this.each(function () {
                function init() {
                    createFCBK();
                    preSet();
                    initStoredItems();
                    addInput(0);

                }

                function createFCBK() {
                    element.hide();
                    element.attr("multiple", "multiple");
                    if (element.attr("name").indexOf("[]") == -1) {
                        element.attr("name", element.attr("name") + "[]");
                    }

                    var area = $(document.createElement("div"));
                    area.addClass("autocomplete");
                    element.after(area);

                    holder = $(document.createElement("ul"));
                    holder.attr("class", "holder");
                    area.append(holder);

                    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');
                        //$("input:checkbox").parent().css("z-index","-1");
                    }

                    feed = $(document.createElement("ul"));
                    feed.attr("id", elemid + "_feed");

                    complete.prepend(feed);
                    holder.after(complete);
                    feed.css("width", complete.width());
                }

                //get temporary items from cookie
                function initStoredItems() {
                    if (options.hfSelectedItems) {

                        var value = options.hfSelectedItems.val();

                        storedItems = null;
                        if (value != "")
                            storedItems = $.evalJSON(value);

                        if (storedItems == null) {
                            storedItems = new Array();
                        }
                        else {
                            restorestoredItems();
                        }
                    }
                }

                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() + ";";
		                }
		            );
                }

                //put items from cookie
                this.restorestoredItems = function () {
                    restorestoredItems();
                }

                function restorestoredItems() {
                    if (options.hfSelectedItems) {
                        if (storedItems != null)
                            for (i = 0; i < storedItems.length; i++) {
                                addItem(storedItems[i].caption, storedItems[i].value);
                            }
                    }
                }

                //public method to add new item
                this.addItem = function (title, value) {
                    addItem(title, value);
                }

                function addItem(title, value, preadded) {
                    var cTitle = title.replace(/[^a-zA-Z0-9äöüÄÖÜß\-\&\.\s]/g, "");
                    var cValue = value.replace(/[^a-zA-Z0-9äöüÄÖÜß\-\&\.\s]/g, "");
                    var txt = document.createTextNode(title.replace(/[^a-zA-Z0-9äöüÄÖÜß\-\&\.\,\s]/g, ""));
                    if (cTitle.length > 1) { // if still characters in value after deleting all special characters (iGadget changed to min. 2 chars)
                        var li = document.createElement("li");
                        var aclose = document.createElement("a");
                        $(li).attr({ "class": "bit-box", "rel": cValue });
                        $(li).prepend(txt);
                        $(aclose).attr({ "class": "closebutton", "href": "#" });
                        li.appendChild(aclose);
                        holder.append(li);
                    }

                    var isSaved = false;
                    if (options.hfSelectedItems) {
                        //checking that the value exists in storage

                        for (var i = 0; i < storedItems.length; i++) {
                            if (storedItems[i].value == value) {
                                isSaved = true;
                                //addInput(1);
                                break;
                            }
                        }
                        // if not, add the value to storage
                        if (!isSaved) {
                            var item = new Object();
                            item.caption = title;
                            item.value = value;

                            storedItems[storedItems.length] = item;

                            var encoded = $.toJSON(storedItems);
                            options.hfSelectedItems.val(encoded);
                        }
                    }

                    $(aclose).click(
	                    function () {
	                        $(this).parent("li").fadeOut("fast",
	                            function () {
	                                removeItem($(this));
	                            }
	                        );
	                        return false;
	                    }
	                );

                    if (!preadded) {
                        $("#" + elemid + "_annoninput").remove();
                        var _item;

                        if (!isSaved)
                            addInput(1);

                        if (element.children("option[value=" + value + "]").length) {
                            _item = element.children("option[value=" + 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);
                        }

                    }
                    holder.children("li.bit-box.deleted").removeClass("deleted");
                    feed.hide();
                    browser_msie ? browser_msie_frame.hide() : '';
                }

                function isNotUndefined(element, index, array) {
                    return (element != undefined);
                }

                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");
                    item.remove();
                    deleting = 0;

                    if (options.hfSelectedItems) {
                        var value = options.hfSelectedItems.val();
                        storedItems = null;

                        if (value != null)
                            storedItems = $.evalJSON(value);

                        var id = item.attr("rel");
                        for (var i = 0; i < storedItems.length; i++) {
                            if (storedItems[i].value == id)
                                delete storedItems[i];
                        }

                        var tempItems = new Array();
                        for (var i = 0; i < storedItems.length; i++) {
                            if (storedItems[i] != undefined) tempItems[tempItems.length] = storedItems[i];
                        }

                        storedItems = tempItems.slice();
                        encoded = $.toJSON(tempItems);
                        options.hfSelectedItems.val(encoded);

                        delete tempItems;
                    }
                }

                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");
	                        $(this).parents(".holder").addClass("fcbkActive");
	                    }
	                );

                    input.blur(
	                    function () {
	                        complete.fadeOut("fast");
	                        options.onInputBlur(this);
	                        $(this).parents(".holder").removeClass("fcbkActive");
	                    }
	                );

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

	                        options.onInputKeyPressed(event.originalEvent.charCode, this);
	                    }
	                );

                    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) {
	                            counter = 0;

	                            if (options.json_url) {
	                                if (options.cache && json_cache) {
	                                    addMembers(etext);
	                                    bindEvents();
	                                }
	                                else {
	                                    $.getJSON(options.json_url + "?tag=" + etext, null,
	                                        function (data) {
	                                            addMembers(etext, data);
	                                            json_cache = true;
	                                            bindEvents();
	                                        }
	                                    );
	                                }
	                            }
	                            else {
	                                addMembers(etext);
	                                bindEvents();
	                            }
	                            complete.children(".default").hide();
	                            feed.show();
	                        }
	                    }
	                );
                    if (focusme) {
                        setTimeout(function () {
                            input.focus();
                            complete.children(".default").show();
                        }, 1);
                    }
                }

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

                    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.children("option[value=" + object.value + "]").hasClass("selected")) {
                            //nothing here...
                        }
                        else {
                            content += '<li rel="' + object.value + '">' + itemIllumination(object.caption, etext) + '</li>';
                            counter++;
                            maximum--;
                        }
                        match = myregexp.exec(search_string);
                    }
                    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);
	                        addItem(option.text(), option.attr("rel"));
	                        feed.hide();
	                        browser_msie ? browser_msie_frame.hide() : '';
	                        complete.hide();
	                    }
	                );

                    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: "",
                    hfSelectedItems: null,
                    onInputKeyPressed: function (input) { },
                    onInputBlur: function (input) { }
                }, opt);

                //stored items
                var storedItems = null;

                //system variables
                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;
            });
        };
    }
);