/**
add this tag (or something similar to the form where yuou want this stuff to show up)
<span onclick="fileAdd(this)"><img src="imgs/kbsplus.gif" width="9" height="9" alt="" border="0">Add New</span>

*/
// got this super handi functions from http://www.scottandrew.com he is pretty dang smart ***********************
	function fileAdd_addEvent(obj, evType, fn, useCapture){
		if (obj.addEventListener){
			obj.addEventListener(evType, fn, useCapture);
			return true;
		} else if (obj.attachEvent){
			var r = obj.attachEvent("on"+evType, fn);
			return r;
		} else {
			alert("Handler could not be attached");
		}
	}
	// end of really good stuff from scott andrews get ready to be less impressed
	
	function fileAdd_getObj(event) {
		if (window.event) {
			target = window.event.srcElement;
		}else{
			if (event.target.tagName)
				target = event.target;
			else
				target = null;
	  }
		return target;
	}
	function fileAdd_getParentByType(obj, objType){
		while(obj.parentNode){
			obj = obj.parentNode;
			if (obj.tagName == objType) {return obj;}
		}
		return false;
	}
	function fileRemove(event){
		var obj = fileAdd_getObj(event);
		var div = fileAdd_getParentByType(obj, "DIV");
		div.parentNode.removeChild(div);
	}
	function fileAdd_GetNextName(form){
		var name = "";
		var num = 0;
		for(var i = 0; i < form.elements.length;i++){
			var el = form.elements.item(i);
			if(el.type == "file"){
				var nameArr = el.name.split("_");
				var tempName = nameArr[0]
				if(name == "" || name == tempName){
					name = tempName;
					if(num < nameArr[1]){
						num = nameArr[1]
					}
				}else{
					alert("We have a problem Houston");
				}
			}
		}
		if(name == ""){
			name = "file";
		}
		num++;
		return name + "_" + num;
	}
	function fileAdd(obj){
		//get all location information
		//var obj = fileAdd_getObj(event); 
		var form = fileAdd_getParentByType(obj, "FORM");
		//create new elements and define
		var div = document.createElement("DIV");
		var file = document.createElement("INPUT");
			file.type = "FILE";
			file.name = "file_2"
			file.name = fileAdd_GetNextName(form);
		var pic = document.createElement("IMG");
			pic.src = "imgs/kbsminus.gif";
			pic.style.marginLeft = "4px";
		var span = document.createElement("SPAN");
			span.className = "form_notes2";
			span.appendChild(pic);
			fileAdd_addEvent(span, "click", fileRemove);
			span.appendChild(document.createTextNode(" Remove"));
		
		//attach element to for first so it works in the DOM
		form.appendChild(file);
		
		div.appendChild(file);
		div.appendChild(span);
		obj.parentNode.insertBefore(div, obj);
		
	}