var minus_icon = '../images/icon/minus.gif';
var add_icon = '../images/icon/plus.gif';

//"addImgname" "deleImgname"

function activityAdd(img,tableId,addPicName,minusPicName,max,describ){
	
	var table  = document.getElementById(tableId);
	if(max&&table.rows.length>=max){
		if(describ){
			alert(describ);
		}else{
			alert('max is '+max);
		}
		
		return;
	}
	var _max = max?max:1000;
	var _describ = describ?describ:false;
	var t  = document.getElementById(tableId);
	var newRow = table.insertRow(-1);
	var td=newRow.insertCell(-1);
	var div = getInDIV(img);
	//change the image id
	img.id = img.uniqueID;
	
	var imgId = img.id;
	
	var o = div;	
																	
	//new a node
	//CloneNode
	var nCloneNode=o.cloneNode(true);
	//clear the input value
	clearTheInputValue(nCloneNode);	
	
	//?????????????????????
	var tags;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		tags=nCloneNode.all;
	}else{
		tags=nCloneNode.getElementsByTagName("*");
	}
	var newImg = tags.namedItem(imgId);
	newImg.id = newImg.uniqueID;
	
	var imgParObjectCopy;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		imgParObjectCopy = newImg.parentElement;
	}else{
		imgParObjectCopy = newImg.parentNode;
	}
	var imgColl = imgParObjectCopy.getElementsByTagName("img");
	var addImgPos=false;
	var minusImgPos=false;
	var addImgObject;
	var minusImgObject;
	
	for(var i=0;i<imgColl.length;i++){
		if(imgColl[i].name==addPicName){
			addImgPos=true;
			addImgObject=imgColl[i];
		}
		if(imgColl[i].name==minusPicName){
			minusImgPos=true;
			minusImgObject=imgColl[i];
		}
	}
	if((addImgPos==true)&&(minusImgPos==false)){
	
		addImgObject.id = addImgObject.uniqueID;
		addImgObject.src = add_icon;
		addImgObject.name= addPicName;
		addImgObject.onclick=function(){
			activityAdd(this,tableId,addPicName,minusPicName,_max,_describ);
		}
		var newImgMinus = newImg.cloneNode(true);
		newImgMinus.id = newImgMinus.uniqueID;
		newImgMinus.src = minus_icon;
		newImgMinus.name= minusPicName;
		newImgMinus.onclick=function(){
			deleteActivity(this,tableId,addPicName,minusPicName);
		}
		imgParObjectCopy.appendChild(newImgMinus);
	}else if((addImgPos==true)&&(minusImgPos==true)){
	
		addImgObject.id = addImgObject.uniqueID;
		addImgObject.src = add_icon;
		addImgObject.name= addPicName;
		addImgObject.onclick=function(){
			activityAdd(this,tableId,addPicName,minusPicName,_max,_describ);
		}
		
		minusImgObject.id = minusImgObject.uniqueID;
		minusImgObject.src = minus_icon;
		minusImgObject.name= minusPicName;
		minusImgObject.onclick=function(){
			deleteActivity(this,tableId,addPicName,minusPicName);
		}
		
	}
	
	//?????????????????????
	
	var imgParObjectSour;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		imgParObjectSour = img.parentElement;
	}else{
		imgParObjectSour = img.parentNode;
	}
	var imgSourColl = imgParObjectSour.getElementsByTagName("img");
	var addImgSourPos=false;
	var minusImgSourPos=false;
	var addImgSourObject;
	var minusImgSourObject;
	
	for(var i=0;i<imgSourColl.length;i++){
		if(imgSourColl[i].name==addPicName){
			addImgSourPos=true;
			addImgSourObject=imgSourColl[i];
		}
		if(imgSourColl[i].name==minusPicName){
			minusImgSourPos=true;
			minusImgSourObject=imgSourColl[i];
		}
	}
	if((addImgSourPos==true)&&(minusImgSourPos==false)){
		//addImgSourObject.id = addImgSourObject.uniqueID;
		addImgSourObject.src= minus_icon;
		addImgSourObject.name=minusPicName;
		addImgSourObject.onclick=function(){
			deleteActivity(this,tableId,addPicName,minusPicName);
		}
	}else if((addImgSourPos==true)&&(minusImgSourPos==true)){
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			addImgSourObject.removeNode(true);
		}else{
			addImgSourObject.parentNode.removeChild(addImgSourObject);
		}
	}
	
	//????????????ID????????????+1
	addIds(nCloneNode)
	//append to the td
	td.appendChild(nCloneNode);
	
	//add a hook function
	//if(doEverything){
	//	doEverything();
	//}
	
}

function deleteActivity(thisT,tableId,addPicName,minusPicName,max,describ) {

	var _max = max?max:1000;
	var _describ = describ?describ:false;

	var table  = document.getElementById(tableId);
	var div =getInDIV(thisT);
	var tr;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		tr = div.parentElement.parentElement;
	}else{
		tr = div.parentNode.parentNode;
	}
	//??????????????????
	var trIndex = tr.rowIndex;	
	//??????????????????
	var tableNums = table.rows.length;
	//???????????????ID???1??????
	for(i=trIndex+1;i<tableNums;i++){
		var _tr = table.rows[i];
		var divs;
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			divs = _tr.all.tags('DIV');
		}else{
			divs=_tr.getElementsByTagName('DIV') ;
		}
		var d = divs[0];
		minusIds(d);
	}
	var div =getInDIV(thisT);
	var imgColl = div.getElementsByTagName("img");

	var addImgPos=false;
	var minusImgPos=false;
	
	for(var i=0;i<imgColl.length;i++){
		if(imgColl[i].name==addPicName){
			addImgPos=true;
		}
		if(imgColl[i].name==minusPicName){
			minusImgPos=true;
		}
	}
	//????????????
	table.deleteRow(trIndex);
	//tr.removeNode(true);
	var nowTableNums = table.rows.length;
	var trNode;
	var trNodeColl;
	if((addImgPos==true)&&(minusImgPos==true)&&(nowTableNums>1)){
		trNode = table.rows[nowTableNums-1];
		trNodeColl = trNode.getElementsByTagName("img");
		var imgNode;
		for(var i=0;i<trNodeColl.length;i++){
			if(trNodeColl[i].name==minusPicName){
				imgNode=trNodeColl[i];
			}
		}
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			parentNode = imgNode.parentElement;
		}else{
			parentNode = imgNode.parentNode;
		}
		
		var imgCopy = imgNode.cloneNode(true);
		imgCopy.id = imgCopy.uniqueID;
		imgCopy.src = add_icon;
		imgCopy.name= addPicName;
		imgCopy.onclick=function(){
			activityAdd(this,tableId,addPicName,minusPicName,_max,_describ);
		}
		parentNode.insertBefore(imgCopy,imgNode);
		
		//alert("???????????????????????????add");
	}else if((addImgPos==true)&&(minusImgPos==true)&&(nowTableNums==1)){
		trNode = table.rows[0];
		trNodeColl = trNode.getElementsByTagName("img");
		
		var imgNode;
		for(var i=0;i<trNodeColl.length;i++){
			if(trNodeColl[i].name==minusPicName){
				imgNode=trNodeColl[i];
			}
		}
		imgNode.id = imgNode.uniqueID;
		imgNode.src=add_icon;
		imgNode.name=addPicName;
		imgNode.onclick=function(){
			activityAdd(this,tableId,addPicName,minusPicName,_max,_describ);
		}
		//alert("??????????????????????????????add");
	}else if((addImgPos==false)&&(minusImgPos==true)&&(nowTableNums==1)){
		trNode = table.rows[0];
		trNodeColl = trNode.getElementsByTagName("img");

		var addImgObject;
		var minusImgObject;
		for(var i=0;i<trNodeColl.length;i++){
			if(trNodeColl[i].name==addPicName){
				addImgObject=trNodeColl[i];
			}
			if(trNodeColl[i].name==minusPicName){
				minusImgObject=trNodeColl[i];
			}
		}
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			minusImgObject.removeNode(true);
		}else{
			minusImgObject.parentNode.removeChild(minusImgObject);
		}
		addImgObject.id = addImgObject.uniqueID;
		addImgObject.src=add_icon;
		addImgObject.name=addPicName;
		addImgObject.onclick=function(){
			activityAdd(this,tableId,addPicName,minusPicName,_max,_describ);
		}
		//alert("?????????????????????????????????????????????");
		
	}
}

function addIds(div){

	var coll;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		coll = div.all.tags('INPUT');
	}else{
		coll = div.getElementsByTagName('INPUT') ;
	}
	for(var i=0; i<coll.length; i++) {
		var t = coll[i];
		
		if(t.id&&isformatId(t.id)){
			t.id = addId(t.id);
			
			//?????????TYPE=file
			if(t.type=='FILE'||t.type=='file'){
				t.name = t.id;
			}
		}
	}
	
	var selects;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		selects = div.all.tags('SELECT');
	}else{
		selects = div.getElementsByTagName('SELECT') ;
	}
	for(var i=0; i<selects.length; i++) {
		var t = selects[i];
		if(t.id&&isformatId(t.id)){
			t.id = addId(t.id);			
		}
	}
	
	var ta;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		ta = div.all.tags('TEXTAREA');
	}else{
		ta = div.getElementsByTagName('TEXTAREA') ;
	}
	for(var i=0; i<ta.length; i++) {
		var t = ta[i];
		if(t.id&&isformatId(t.id)){
			t.id = addId(t.id);			
		}
	}
	
	var tab;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
		tab = div.all.tags('TABLE');
	}else{
		tab = div.getElementsByTagName('TABLE') ;
	}
	for(var i=0; i<tab.length; i++) {
		var t = tab[i];
		if(t.id&&isformatId(t.id)){
			t.id = addId(t.id);			
		}
	}
	
}
/**
 * 
 */
function addId(id){
	var s= id;	
	var _index = s.lastIndexOf('_');	
   	if(_index<0){
   		return id;
   	}   	
   	var q=s.substring(0,_index);   		
   	var num=s.substring(_index+1,s.length);	
  	var d=parseInt(num);
	d++;
	return q+'_'+d;			
}

/**
 * 
 */
function minusId(id){
	var s= id;	
	var _index = s.lastIndexOf('_');	
   	if(_index<0){
   		return id;
   	}   	
   	var q=s.substring(0,_index);   		
   	var num=s.substring(_index+1,s.length);	
  	var d=parseInt(num);
  	if(d==1){
  		return id;
  	}
	d--;
	return q+'_'+d;			
}

function minusIds(div){
	var coll;
	
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			coll = div.all.tags("INPUT");
		}else{
			coll =div.getElementsByTagName("INPUT");
		}
	for(var i=0; i<coll.length; i++) {
		var t = coll[i];
		if(t.id&&isformatId(t.id)){
			t.id = minusId(t.id);
			//?????????TYPE=file
			if(t.type=='FILE'||t.type=='file'){
				t.name = t.id;
			}
			
		}
	}
	
	var selects;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
			selects = div.all.tags("SELECT");
		}else{
			selects =div.getElementsByTagName("SELECT");
		}
	for(var i=0; i<selects.length; i++) {
		var t = selects[i];
		if(t.id&&isformatId(t.id)){
			t.id = minusId(t.id);			
		}
	}
	
	var ta;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
			ta = div.all.tags("TEXTAREA");
		}else{
			ta =div.getElementsByTagName("TEXTAREA");
		}
	for(var i=0; i<ta.length; i++) {
		var t = ta[i];
		if(t.id&&isformatId(t.id)){
			t.id = minusId(t.id);			
		}
	}
	
	var tab;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
			tab = div.all.tags("TABLE");
		}else{
			tab =div.getElementsByTagName("TABLE");
		}
	for(var i=0; i<tab.length; i++) {
		var t = tab[i];
		if(t.id&&isformatId(t.id)){
			t.id = minusId(t.id);			
		}
	}
}

					
function clearTheInputValue(o){
		var coll;
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			coll = o.all.tags("INPUT");
		}else{
			coll =o.getElementsByTagName("INPUT");
		}
		for (i=0; i<coll.length; i++){
			
			if(coll[i].save=='true'){
				  //??????INPUT??????????????? Save???"true"????????????????????????
				 continue;
			}else{
				coll[i].value="";
			}
		}
		var textcoll;
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			textcoll = o.all.tags("TEXTAREA");
		}else{
			textcoll =o.getElementsByTagName("TEXTAREA");
		}
		for (i=0; i<textcoll.length; i++){
			
			if(textcoll[i].save=='true'){
				  //??????INPUT??????????????? Save???"true"????????????????????????
				 continue;
			}else{
				textcoll[i].value="";
			}
		}
		
}

function getInDIV(tr){
	var tagName;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
	tagName=tr.tagName;
	}else{
	tagName=tr.nodeName;
	}
	if(tagName=="DIV"){
		
		return tr;
	}else{
		var parentElm;
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			parentElm=tr.parentElement;
		}else{
			parentElm=tr.parentNode;
		}
		return getInDIV(parentElm);
	}
}
function getInTable(E){
	var tagName;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
	tagName=E.tagName;
	}else{
	tagName=E.nodeName;
	}
	if(tagName=="TABLE"){
		
		return E;
	}else{
		var parentElm;
		if   (navigator.appVersion.match(/\bMSIE\b/)) {
			parentElm=E.parentElement;
		}else{
			parentElm=E.parentNode;
		}
		return getInTable(parentElm);
	}
}
function getInTr(E){
	var tagName;
	if   (navigator.appVersion.match(/\bMSIE\b/)) {
	tagName=E.tagName;
	}else{
	
	tagName=E.nodeName;
	}
	
		if(tagName=="TR"){	
		return E;
	}else{
		if (navigator.appVersion.match(/\bMSIE\b/)) {
		return getInTr(E.parentElement);
		}else{
		return getInTr(E.parentNode);
		}
	}
}
//first is 1
function getIndex(E){
	return getInTr(getInTr(E).parentNode).rowIndex+1;
}

function getIndexOneLayer(E){
	return getInTr(E).rowIndex+1;
}

/**
 * isformatId
 * @param {String} id 
 */
 function isformatId(id) {
 	if(id.lastIndexOf('_')>0){
 		return true;
 	}else{
 		false;
 	}
 }