/*

	jQuery Tags Input Plugin 1.2
	
	Copyright (c) 2010 XOXCO, Inc
	
	Documentation for this plugin lives here:
	http://xoxco.com/clickable/jquery-tags-input
	
	Licensed under the MIT license:
	http://www.opensource.org/licenses/mit-license.php

	ben@xoxco.com

*/

(function ($) {

    var delimiter = new Array();

    jQuery.fn.addTag = function (value, options) {

        var options = jQuery.extend({ focus: false }, options);
        this.each(function () {
            id = $(this).attr('id');

            var tagslist = $(this).val().split(delimiter[id]);
            if (tagslist[0] == '') {
                tagslist = new Array();
            }
            value = jQuery.trim(value);
            if (value != '') {

                $('<span class="tag">' + value + '&nbsp;&nbsp;<a href="#" title="Remove tag" onclick="return $(\'#' + id + '\').removeTag(\'' + escape(value) + '\');">x</a></span>').insertBefore('#' + id + '_addTag');
                tagslist.push(value);

                $('#' + id + '_tag').val('');
                if (options.focus) {
                    $('#' + id + '_tag').focus();
                } else {
                    $('#' + id + '_tag').blur();
                }
            }
            jQuery.fn.tagsInput.updateTagsField(this, tagslist);

        });

        return false;
    };

    jQuery.fn.removeTag = function (value) {

        this.each(function () {
            id = $(this).attr('id');

            var old = $(this).val().split(delimiter[id]);


            $('#' + id + '_tagsinput .tag').remove();
            str = '';
            for (i = 0; i < old.length; i++) {
                if (escape(old[i]) != value) {
                    str = str + delimiter[id] + old[i];
                }
            }

            jQuery.fn.tagsInput.importTags(this, str);
        });

        return false;

    };


    jQuery.fn.tagsInput = function (options) {

        var settings = jQuery.extend({ defaultText: 'add a tag', width: '300px', height: '100px', 'hide': true, 'delimiter': ',', autocomplete: { selectFirst: false} }, options);

        this.each(function () {
            if (settings.hide) {
                $(this).hide();
            }

            id = $(this).attr('id')

            data = jQuery.extend({
                pid: id,
                real_input: '#' + id,
                holder: '#' + id + '_tagsinput',
                input_wrapper: '#' + id + '_addTag',
                fake_input: '#' + id + '_tag'
            }, settings);


            delimiter[id] = data.delimiter;

            $('<div id="' + id + '_tagsinput" class="tagsinput"><div id="' + id + '_addTag"><input id="' + id + '_tag" value="" default="' + settings.defaultText + '" /></div><div class="tags_clear"></div></div>').insertAfter(this);

            $(data.holder).css('width', settings.width);
            $(data.holder).css('height', settings.height);


            if ($(data.real_input).val() != '') {
                jQuery.fn.tagsInput.importTags($(data.real_input), $(data.real_input).val());
            } else {
                $(data.fake_input).val($(data.fake_input).attr('default'));
                $(data.fake_input).css('color', '#666666');
            }


            $(data.holder).bind('click', data, function (event) {
                $(event.data.fake_input).focus();
            });

            // if user types a comma, create a new tag
            $(data.fake_input).bind('keypress', data, function (event) {
                if (event.which == event.data.delimiter.charCodeAt(0) || event.which == 13) {
                    $(event.data.real_input).addTag($(event.data.fake_input).val(), { focus: true });
                    return false;
                }
            });

            $(data.fake_input).bind('keydown', data, function (event) {
                if (event.which == 8) {
                    var real_input = $(event.data.real_input);
                    if ($(event.data.fake_input).val() == "") {
                        var old = real_input.val().split(',');
                        var tagToRemove = old[old.length - 1];
                        real_input.removeTag(tagToRemove, { focus: true });
                        $(event.data.fake_input).val('');
                        return false;
                    }
                }
            });


            $(data.fake_input).bind('focus', data, function (event) {
                if ($(event.data.fake_input).val() == $(event.data.fake_input).attr('default')) {
                    $(event.data.fake_input).val('');
                }
                $(event.data.fake_input).css('color', '#000000');
            });

            if (settings.autocomplete_url != undefined) {
                $(data.fake_input).autocomplete({
                    source: settings.autocomplete_url,
                    select: function (event, ui) {
                        if (ui.item.name) {
                            d = ui.item.name + "";
                            $(event.data.real_input).addTag(d, { focus: true });
                        }
                        return false;
                    }
                });


                $(data.fake_input).bind('blur', data, function (event) {
                    if ($(event.data.fake_input).val() != $(event.data.fake_input).attr('default')) {
                        $(event.data.real_input).addTag($(event.data.fake_input).val(), { focus: false });
                    }

                    $(event.data.fake_input).val($(event.data.fake_input).attr('default'));
                    $(event.data.fake_input).css('color', '#666666');
                    return false;
                });


            } else {

                // if a user tabs out of the field, create a new tag
                // this is only available if autocomplete is not used.
                $(data.fake_input).bind('blur', data, function (event) {
                    var d = $(this).attr('default');
                    if ($(event.data.fake_input).val() != '' && $(event.data.fake_input).val() != d) {
                        event.preventDefault();
                        $(event.data.real_input).addTag($(event.data.fake_input).val(), { focus: true });
                    } else {
                        $(event.data.fake_input).val($(event.data.fake_input).attr('default'));
                        $(event.data.fake_input).css('color', '#666666');
                    }
                    return false;
                });

            }

            $(data.fake_input).blur();
        });

        return this;

    };


    jQuery.fn.tagsInput.updateTagsField = function (obj, tagslist) {

        id = $(obj).attr('id');
        $(obj).val(tagslist.join(delimiter[id]));
    };



    jQuery.fn.tagsInput.importTags = function (obj, val) {

        $(obj).val('');
        id = $(obj).attr('id');
        var tags = val.split(delimiter[id]);
        for (i = 0; i < tags.length; i++) {
            $(obj).addTag(tags[i], { focus: false });
        }
    };

})(jQuery);