// JavaScript Document

function input_man(base_input,label_text,instance_name){
	
	this.base_input = document.getElementById(base_input);
	this.label_text = label_text;
	this.instance_name = instance_name;
	this.id = this.base_input.name
	this.type = this.base_input.type
	this.manager_template = "<table border='0' cellspacing='0' cellpadding='0'><tbody id='im_wrap_parent'></tbody></table><br /><a class='add' href='javascript:void(0);' onclick='"+this.instance_name+".add_im_input();'>Add "+this.label_text+"</a><br /><br />";	
	this.index = 0;
	this.count = 0;
	
	this.add_im_input = function(){
		var i = this.index+1;
		var tr = document.createElement('tr');
		var td = document.createElement('td');
		var parent = document.getElementById('im_wrap_parent');
		td.className = "p2 rgt";
		td.innerHTML = "<!-- <label for='"+this.id+"_"+i+"'>"+this.label_text+" "+i+": </label> -->";
		tr.appendChild(td);
		td = document.createElement('td');
		td.className = "p2 lft";
		td.innerHTML = "<input type='"+this.type+"' name='"+this.id+"_"+i+"' /> <a  class='rem' href='javascript:void(0);' onclick='"+this.instance_name+".del_im_input("+i+");'>Remove</a>";
		tr.appendChild(td);
		tr.setAttribute("id","im_wrap_"+i);
		parent.appendChild(tr);							
		this.index++;
		this.count++;
	}
	
	this.del_im_input = function(id){
		document.getElementById("im_wrap_"+id).parentNode.removeChild(document.getElementById("im_wrap_"+id))
		this.count--;
	}
	
	this.del_all = function(){
		var parent = document.getElementById('im_wrap_parent');
		this.clear_child_nodes(parent);
	}
	
	this.clear_child_nodes = function(element){
		if ( element.hasChildNodes() ){
			while ( element.childNodes.length >= 1 ){
				element.removeChild( element.firstChild );       
			} 
		}
	}
	
	// Create input manager
	var div = document.createElement("div");
	div.innerHTML = this.manager_template;
	this.base_input.parentNode.replaceChild(div,this.base_input);
	// this.add_im_input();	
										
}

/*

<!-- input template -->
<input type="file" name="add_img" id="add_img" />
<!-- input script -->
<script language="javascript" type="text/javascript">
	var iman = new input_man("add_img","image","iman");
</script>

*/