function MultiBox () {
	
	this.columns = new Array();
	this.hiddenCols = new Array();
	this.htmlTbl = "";
	this.trClass = "";
	this.idExt = "";
	
	this.add_newRow = add_newRow;
	
}

function add_newRow() {
	
	var tmpCol = "";
	var funcs = new Array();
	var funcsId = new Array();
		
	var objTbl = document.getElementById(this.htmlTbl);
	var objBody = objTbl.getElementsByTagName("TBODY")[0];
	var objRow = document.createElement("TR");

	if (this.columns.length>0) {
		for (var col=0; col<this.columns.length;col++) {
			var newvar =  this.columns[col].match(/(\{(.+?)\})/g);
			var fnVars = new Array();
			for(var i=0; i<newvar.length; i++){
				var variab = newvar[i].match(/{(.*)}/i);
				fnVars[i] = variab[1];
			}
			eval(fnVars[0] + '(fnVars, objRow, this)');
			funcs[col] = (fnVars[5].length>1 && fnVars[7]==1) ? fnVars[5] : "";
			funcsId[col] = (fnVars[5].length>1 && fnVars[7]==1) ? fnVars[1] + "_" + this.idExt : "";
		}
		
		//if there are hidden fields then add it to the end of the columns
		var ColumnCnt = (this.columns.length-1);
		for (var col=0; col<this.hiddenCols.length;col++) {
			var newvar =  this.hiddenCols[col].match(/(\{(.+?)\})/g);
			var fnVars = new Array();
			for(var i=0; i<newvar.length; i++){
				var variab = newvar[i].match(/{(.*)}/i);
				fnVars[i] = variab[1];
			}
			eval(fnVars[0] + '(fnVars, objRow, ColumnCnt, this)');
		}
		objBody.appendChild(objRow);
	}	
	
	
	if (this.columns.length>0) {
		//run the functions like selection of the select box
		for (var col=0; col<this.columns.length;col++) {
			if (funcs[col].length>1) {
				eval(funcs[col].replace(/(this)/g,funcsId[col]));
			}
		}
	}

}

function textBox(fnVars, objRow, objCls, rowspanVal) {
	
	var objMain = document.getElementById(fnVars[1]);
	
	var objTd = document.createElement("TD");
	var objText = document.createElement("INPUT");
	var Sizes = fnVars[4].split("|");
	
	objText.type = "text";
	objText.className = fnVars[3];
	objText.name = fnVars[2];
	objText.id = fnVars[1] + "_" + objCls.idExt;
	
	
	objText.value = objMain.value;
	if (fnVars[5].length>0) {
		objText.onblur = function Blr() {eval(fnVars[5])};
	}
	objTd.appendChild(objText);
	
  if (rowspanVal>0) {
	  objTd.rowSpan = rowspanVal;
  }
	
	objRow.appendChild(objTd);
	objMain.value = '';
}

function lblBox(fnVars, objRow, objCls, rowspanVal) {
	
	var objMain = document.getElementById(fnVars[1]);
	
	var objTd = document.createElement("TD");
	var objText = document.createElement("INPUT");
	
	objText.type = "text";
	objText.className = fnVars[3];
	objText.name = fnVars[2];
	objText.value = fnVars[4];
	objText.id = fnVars[1] + "_" + objCls.idExt;
	
	if (fnVars[5].length>0) {
		objText.onblur = function Blr() {eval(fnVars[5])};
	}
	objTd.appendChild(objText);
	
  if (rowspanVal>0) {
	  objTd.rowSpan = rowspanVal;
  }
	
	objRow.appendChild(objTd);
}

function hiddenBox(fnVars, objRow, ColCnt, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = objRow.getElementsByTagName("TD")[ColCnt];
	var objText = document.createElement("INPUT");
	objText.type = "hidden";
	objText.className = fnVars[3];
	objText.name = fnVars[2];

	objText.id = fnVars[1] + "_" + objCls.idExt;
	objText.value = (fnVars[6].length>1) ? fnVars[6] : objMain.value;
	objTd.appendChild(objText);
}

function buttonBox(fnVars, objRow, objCls, rowspanVal) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	var objText = document.createElement("IMG");
	
	objText.name = fnVars[2];
	objText.src="proimages/remove.gif";
	objText.value = fnVars[6];
	objText.className = fnVars[4];
	objText.id = fnVars[1] + "_" + objCls.idExt;
	if (fnVars[5].length>0) {
		objText.onclick = function Clk() {eval(fnVars[5])};
	}
	objTd.appendChild(objText);
	
  if (rowspanVal>0) {
	  objTd.rowSpan = rowspanVal;
  }
	
	objRow.appendChild(objTd);
}

function labelBox(fnVars, objRow, objCls, rowspanVal) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = objRow.getElementsByTagName("TD")[ColCnt];
	var objText = document.createElement("INPUT");
	objText.type = "text";
	objText.className = fnVars[3];
	objText.name = fnVars[2];

	objText.id = fnVars[1] + "_" + objCls.idExt;
	objText.value = "Email address:";
	objTd.appendChild(objText);
}

//move up function 

//get total rows
function TotalRowsTable(tblName) {
	var objTbl = document.getElementById(tblName);
	var objBody = objTbl.getElementsByTagName("TBODY")[0];
	var totalRows = objBody.childNodes.length;
	return (totalRows);
}

function blankTd(fnVars, objRow, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	objTd.innerHTML = fnVars[6];
	objTd.className = fnVars[3];

	objRow.appendChild(objTd);
}


//EDIT BELOW THIS LINE

function delRow(btnObj){
  var rowNode = btnObj.parentNode.parentNode;
  rowNode.parentNode.removeChild(rowNode);	
}


function delRec(AddId, varid) {
	var agree=confirm("Are you sure you want to delete the record?");
	if (AddId) {
		if (agree){
			del_record(document.getElementById('Addhid_' + AddId).value);
			delRow(varid);
		}else{
			return false ;
		}
	}
}

function EditRec(AddId) {
	var color= document.getElementById('prod_color_' + AddId);
	if(color.value == ''){
		alert("Field cannot be left empty");
		return false;
	}
	if (AddId) {
		edit_record(color.value, document.getElementById('Addhid_' + AddId).value);
		alert("The data has been updated.");
	}
}


//{Boxtype}{main id}{sub id array}{class name}{size and maxlength}{javascript function}{value}

function CreateLinksEnRow(addRowDb, Colorname, Product_id) {
	var linkenTbl = new MultiBox();
	var dt = new Date();

	linkenTbl.htmlTbl = "linkenTbl";
	var totRows = TotalRowsTable('linkenTbl');
	linkenTbl.idExt = dt.getTime() + dt.getSeconds();
	
	if (addRowDb==1) {
		//add
		saveColorInfo(Colorname, Product_id, linkenTbl.idExt);
	}
	linkenTbl.columns[0] = "{textBox}{prod_color}{prod_color[]}{textbox}{20|255}{ }{ }{0}";
 	linkenTbl.columns[1] = "{buttonBox}{btnedit}{btnedit[]}{editButton}{ }{EditRec(" + linkenTbl.idExt + ");}{Edit}{0}";
 	linkenTbl.columns[2] = "{buttonBox}{btndel}{btndel[]}{delBtn}{ }{delRec(" + linkenTbl.idExt + ", this);}{Delete}{0}";
 	
	linkenTbl.hiddenCols[0] = "{hiddenBox}{Addhid}{Addhid[]}{ }{ }{ }{ }{0}";
 	linkenTbl.hiddenCols[1] = "{hiddenBox}{AddtmpId}{AddtmpId[]}{ }{ }{ }{" + linkenTbl.idExt + "}{0}";
 	
	linkenTbl.add_newRow();
}

function saveColorInfo(Colorname, Product_id, HiddenId){
	Colorname = Colorname.replace(/#/g,'X-HASH-X');
	xmlhttp1 = init_ajax();
	xmlhttp1.open("GET", "save_colorinfo.php?&x=" + dt.getTime() + dt.getSeconds() + '&color_name=' + Colorname + '&product_id=' + Product_id +' &action=new_record'); 
	xmlhttp1.onreadystatechange = function() {
		if (xmlhttp1.readyState == 4 && xmlhttp1.status == 200) {
			var data = xmlhttp1.responseText;
			document.getElementById('Addhid_' + HiddenId).value = data;
		}
	}
	xmlhttp1.send(null);
}


function del_record(main_id) {
	xmlhttp1 = init_ajax();
	xmlhttp1.open("GET", "delete_colorinfo.php?&x=" + dt.getTime() + dt.getSeconds() + '&id=' + main_id ); 
	xmlhttp1.onreadystatechange = function() {
		if (xmlhttp1.readyState == 4 && xmlhttp1.status == 200) {
			var data = xmlhttp1.responseText;
			document.getElementById('Addhid_' + HiddenId).value = data;
		}
	}
	xmlhttp1.send(null);
}

function edit_record(Colorname, main_id) {
	Colorname = Colorname.replace(/#/g,'X-HASH-X');
	xmlhttp1 = init_ajax();
	xmlhttp1.open("GET", "save_colorinfo.php?&x=" + dt.getTime() + dt.getSeconds() + '&id=' + main_id +'&color_name=' + Colorname + '&action=edit' ); 
	xmlhttp1.send(null);
}

function emptyReceipt(){
	document.getElementById('prod_color').value='';
	document.getElementById('Addhid').value=0;
	document.admin.prod_color.focus();
}

var dtCh= "/";
function isInteger(s){
	var i;
    for (i = 0; i < s.length; i++){   
        // Check that current character is number.
        var c = s.charAt(i);
        if (((c < "0") || (c > "9"))) return false;
    }
    // All characters are numbers.
    return true;
}

var dt = new Date();
function init_ajax() {
	var xmlhttp=false;
	if(window.XMLHttpRequest){
		xmlhttp = new XMLHttpRequest();
	}else if (window.ActiveXObject){
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
	 	if (!xmlhttp){
	 		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	 	}
	} 
	return xmlhttp; 
}
function addNewEmail() {
	var blnInValid = 0;
	
	if (blnInValid==1) {
		alert(msg);
	}else{
		CreateNewEmailRow();
	}
}


function CreateNewEmailRow() {
	var emailTbl = new MultiBox();
	var dt = new Date();
 	emailTbl.columns[0] = "{lblBox}{emailLbl}{emailLbl[]}{sendWishlistLabelTxtBx}{Email address:}{ }{ }{0}";
 	emailTbl.columns[1] = "{textBox}{email}{email[]}{textBox}{ }{ }{ }{0}";
	emailTbl.columns[2] = "{buttonBox}{btndel}{btndel[]}{Btn}{pointerCur}{delRow(this)}{Delete}{0}";
 		
 	
	emailTbl.htmlTbl = "emailTbl";
	
	emailTbl.add_newRow();
}