/*
FILE CONCAT ADD FILE
PATH: /ft/resources/client/modules/glossary/AddEditTermRelatedTerms.js
*/
var AddEditTermRelatedTerms_class = function(oRelatedTerms) {
	this.relatedTerms = oRelatedTerms || {};
}

AddEditTermRelatedTerms_class.prototype.init = function() {
	var ref = this;

	Events.add(Element.get("adminRelatedTerms"), "click", this.removeTerm, this);

	var aTermSearchInputs = Element.parseSelector("input.searchField", Element.get("wsod"));
	for (var i = 0, oTermSearch; i < aTermSearchInputs.length; i++) {
		oTermSearch = new TermSearch_class();
		oTermSearch.submitForm = function() {
			var container = Element.get("adminRelatedTerms");

			Element.create("div", {"class":"addedRelatedTerm relatedTermHolder", "termID":this.elInputTermId.value, "term":this.elInput.value},[
				Element.create("div", {"class":"relatedTerm"}, this.elInput.value),
				Element.create("div", {"style":"float:right", "class":"icon icon-delete-close"},[])
			], container);
			Element.create("div", {"style":"clear:both"}, null, container);

			ref.relatedTerms[this.elInputTermId.value] = {
				name: this.elInput.value,
				id: this.elInputTermId.value
			}
			
			this.elInput.value = "";
			this.elInput.focus();
		};
		oTermSearch.init(aTermSearchInputs[i]);
	}
}

AddEditTermRelatedTerms_class.prototype.removeTerm = function(e, el) {
	var target = e.getTarget();

	if (Element.hasClass(target, "icon-delete-close")) {
		var parentDiv = Element.getParentBySelector(target, "div.relatedTermHolder")
		var termID = parentDiv.getAttribute("termid")

		Element.remove(parentDiv)
		
		if (this.relatedTerms[parentDiv.getAttribute("termid")]) {
			delete this.relatedTerms[parentDiv.getAttribute("termid")];
		}
	}
}