jQuery.noConflict();

var cnt_fields = 0;
var ajax_url = window.location;


jQuery(document).ready(function() {
	jQuery('#tag_input').keyup(function(){
		fetchTag(jQuery('#tag_input').val());
	});
});

function createInputField(id, content){
    string = '<input type="hidden" name="tag[]" id="input_tag_' + id + '" value="' + content + '"/>';
    return string;
}

function createTagElement(id, content){
    string = '<span id="tag_' + id + '">' + content + '</span>';
    return string;
}

function clearInputField(name){
    jQuery(name).val('');
}

function addTagFunctionality(){
    last_elem = jQuery('#tag_list span:last');
    last_elem.bind('click', function(){
        //delete element
        id = jQuery(this).attr('id');
        removeElement(id);
    });
}

function removeElement(id){
    //remove elements from DOM and from database/session
    var input_field = jQuery('#input_' + id);
    var span_field = jQuery('#' + id);
    
    jQuery(span_field).fadeOut('slow', function(){
        span_field.remove(); //input elements
        input_field.remove(); //span elements
    });
}

function saveTag(){
    var list_elems = jQuery('#tag_list');
    var input_elems = jQuery('#input_list');
	var tag_list_container = jQuery('#tag_list_container');
    tag_content = jQuery('#tag_input').val();
    if (tag_content.length != 0) {
        var tagDiv = jQuery('#tag_list').css('display');
		var tag_list_container_disp = jQuery('#tag_list_container').css('display');
		if(tag_list_container_disp == 'none') {
			jQuery(tag_list_container).fadeIn();
		}
        if (tagDiv == 'none') {
            jQuery('#tag_list').fadeIn();
        }
        //create a tag
        tag_element = createTagElement(cnt_fields, tag_content);
        list_elems.append(tag_element);
        //create a hidden input field
        new_input = createInputField(cnt_fields, tag_content);
        input_elems.append(new_input);
        
        clearInputField('#tag_input');
        
        //add a delete function to the new created tag
        addTagFunctionality();
        cnt_fields++;
    }
}

function buildTagString(){
    //var aTag_array = new Array();
    var sTags = "";
    var elem = jQuery("[name*='tag[]']");
    if (elem.length > 0) {
        jQuery.each(elem, function(key, value){
            sTags += jQuery(value).attr('value') + ', '; //split string by comma or sth. else
        });
    }
    return sTags;
}

function fetchTag(tag){
	//eID=diaqanda_ajax
    //onchange input field fetch tags...
	//var url = window.location.href;
	jQuery.ajax({
        type: "GET",
        url: ajax_url,
        data: "eID=diaqanda_ajax&action=search_tag&value=" + tag,
        success: function(data){
            jQuery("#tag_proposal").html(data);
			//alert(data);
        }
    });
}

function selectTag(elem) {
	//jQuery('#tag_proposal').hide();
	jQuery('#tag_input').val(elem);
	jQuery('#tag_proposal').empty();
}

/*----------------------------------------------------*/

function showDiv(comment) {
	var elem = jQuery('#'+ comment);
	elem.slideToggle();
}