﻿		function addTag(){
			var lastTag = document.getElementById("tag"+ntags);
		
			if(navigator.appVersion.indexOf("MSIE")!=-1)
				var newTag = document.createElement("<input autocomplete=\"off\" onchange=\"checkTag(this,false);\" onkeyup=\"checkTag(this,true);\">");
			else
				var newTag = document.createElement("input");
			
			var target = document.getElementById("alltags");
			ntags++;
			document.getElementById("num_tags").value= ntags;
			newTag.type = "text";
			newTag.name = "tag" + ntags;
			newTag.id = "tag" + ntags;
			newTag.value="";

			if(navigator.appVersion.indexOf("MSIE") == -1){
				newTag.setAttribute("onchange","checkTag(this,false)");
				newTag.setAttribute("onkeyup","checkTag(this,true)");
				newTag.setAttribute("autocomplete","off");
			}
			
			if(navigator.appVersion.indexOf("MSIE") != -1){
				var autocomplete = document.createElement("<div class=\"auto_complete\">");
			}
			else{
				var autocomplete = document.createElement("div");
				autocomplete.setAttribute("class","auto_complete");
			}

			autocomplete.id = "tag" + ntags + "_auto";

			if(navigator.appVersion.indexOf("MSIE") != -1){
				var removeLink = document.createElement("<a id=\"tag"+ ntags +"_remove\" " + "href=\"javascript: removeTag('tag" + ntags +"');>"); 
				var image = document.createElement("<img src=\"/lib/satin/remov_16.gif\" vspace=\"2\" align=\"absmiddle\" hspace=\"2\" border=\"0\">");
				removeLink.appendChild(image);
			}
			else{
				var removeLink = document.createElement("a");
				removeLink.setAttribute("href", "javascript: removeTag('tag" + ntags + "');");
				removeLink.setAttribute("id", "tag" + ntags + "_remove");
				
				var image = document.createElement("img");
				image.setAttribute("src","/lib/satin/remov_16.gif");
				image.setAttribute("hspace","2");
				image.setAttribute("vspace","2");
				image.setAttribute("align","absmiddle");
				image.setAttribute("border","0");
				
				removeLink.appendChild(image);
			}
			
			if(navigator.appVersion.indexOf("MSIE") != -1){
				var wrap = document.createElement("<div id=\"wrap_tag" + ntags + "\">");
			}
			else{
				var wrap = document.createElement("div");
				wrap.setAttribute("id","wrap_tag" + ntags);
			}
			
			
			wrap.appendChild(newTag);
			wrap.appendChild(autocomplete);
			wrap.appendChild(removeLink);
			target.appendChild(wrap);
			new Ajax.Autocompleter("tag" + ntags, "tag"+ ntags + "_auto", "tags.mv?action=search", {paramName: "tag_name"});
			newTag.focus();
			
		}
		
		function removeTag(tag){
			var target = document.getElementById("alltags");
			target.removeChild(document.getElementById("wrap_" + tag));
		}
		
		function checkTag(field,keyup){
			var tag = field.value
			field.value = tag.replace(/ /,"");
			var delim_index = -1;
			
			if (field.value.indexOf(',') > -1){
				delim_index = field.value.indexOf(',');
			}
			
			if(field.value.indexOf(';') > -1){
				delim_index = field.value.indexOf(';');
			}
			
			if (delim_index > -1 && keyup){
				tag = tag.replace(/,/g,"");
				tag = tag.replace(/;/g,"");
				
				field.value = tag;
				addTag();
			}
		}
		
		function submitTagForm(receiver,form){
			new Ajax.Updater(receiver,"/scripts/tags.mv",{evalsScripts: true, asynchronous: true, parameters: Form.serialize(form)});
			toggleForm('tagArrow','mytags');
			return false;
		}
		
		function clickedInsideElement(elemId,evt) {
			if (evt == null){
				evt = window.event;
			}
			
			var theElem = getEventTarget(evt);
			
			if(theElem != null) {
				var currNode = theElem;
				var found = false;
				while(currNode != null && !found){
					if(currNode.id != elemId){
						currNode = currNode.parentNode;
					}
					else{
						found = true;
					}
				}
				return found;
			}
			else{
				return false;
			}
			return false;
		}
		
		function getEventTarget(evt) {
			var targ = (evt.srcElement) ? evt.srcElement : evt.target;
			
			if(targ != null) {
				if(targ.nodeType == 3) 
					targ = targ.parentNode;
			}
			return targ;
		}
		
		function toggleForm(indicId,id){
			var elem = document.getElementById(id);
			var indic = document.getElementById(indicId);
			if (elem.style.display == "none"){
				elem.style.display = "block";
				indic.src = "/scripts/images/downArrow.gif";
			}
			else{
				elem.style.display = "none";
				indic.src = "/scripts/images/leftArrow.gif";
			}
		}