var imgDel = new Image();
var imgUp = new Image();
var imgDown = new Image();
var imgDelBlue = new Image();
var imgUpBlue = new Image();
var imgDownBlue = new Image();
imgDel.src = "/proimages/gridDel.jpg";
imgUp.src = "/proimages/gridUp.jpg";
imgDown.src = "/proimages/gridDown.jpg";
imgDelBlue.src = "/proimages/gridDelBlue.jpg";
imgUpBlue.src = "/proimages/gridUpBlue.jpg";
imgDownBlue.src = "/proimages/gridDownBlue.jpg";

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

function addRow() {
	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 ddownBox(fnVars, objRow, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	var objSelect = document.createElement("SELECT");
	
	objSelect.name = fnVars[2];
	objSelect.id = fnVars[1] + "_" + objCls.idExt;
	if (fnVars[5].length>0) {
		objSelect.onchange = function SelChange() {eval(fnVars[5])};
	}
  for(i=0; i< objMain.length; i++){
    objSelect.options[i] = new Option(objMain[i].text, objMain[i].value);
  }
  objSelect.selectedIndex = objMain.selectedIndex;
  objTd.appendChild(objSelect);
	objRow.appendChild(objTd);
}

function dateBox(fnVars, objRow, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	var objdtId = fnVars[1] + "_" + objCls.idExt;
	var Sizes = fnVars[4].split("|");
	
	objTd.innerHTML = "<INPUT TYPE=\"TEXT\" NAME=\"" + fnVars[2] + "\" READONLY VALUE=\"" + objMain.value + "\" ID=\"" + objdtId + "\" SIZE=\"" + Sizes[0] + "\" MAXLENGTH=\"" + Sizes[1] + "\" class=\"" + fnVars[3] + "\"><INPUT CLASS=\"dtCls\" TYPE=\"IMAGE\" SRC=\"/images/cal_icon.gif\" onclick=\"return showCalendar('" + objdtId + "', '%d/%m/%Y', '24', true,2008,2009);\">";	
	objRow.appendChild(objTd);
}

function textBox(fnVars, objRow, objCls) {
	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.size = Sizes[0];
	objText.maxlength = Sizes[1];
	objText.name = fnVars[2];
	objText.id = fnVars[1] + "_" + objCls.idExt;
	objText.value = objMain.value;
	objTd.appendChild(objText);

	objRow.appendChild(objTd);
	objMain.value = '';
}

function textAreaBox(fnVars, objRow, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	var objText = document.createElement("TEXTAREA");
	var Sizes = fnVars[4].split("|");
	
	objText.className = fnVars[3];
	objText.rows = Sizes[0];
	objText.cols = Sizes[1];
	objText.name = fnVars[2];
	objText.id = fnVars[1] + "_" + objCls.idExt;
	objText.value = objMain.value;
	objTd.appendChild(objText);
	
	objRow.appendChild(objTd);
	objMain.value = '';
}

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.value = (fnVars[6].length>1) ? fnVars[6] : objMain.value;
	objTd.appendChild(objText);
}

function buttonBox(fnVars, objRow, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	var objText = document.createElement("INPUT");
	
	objText.type = "button";
	objText.className = fnVars[3];
	objText.name = fnVars[2];
	objText.value = fnVars[6];
	objText.id = fnVars[1] + "_" + objCls.idExt;
	if (fnVars[5].length>0) {
		objText.onclick = function Clk() {eval(fnVars[5])};
	}
	objTd.appendChild(objText);
	objRow.appendChild(objTd);
}

function imgBox(fnVars, objRow, objCls) {
	var objMain = document.getElementById(fnVars[1]);
	var objTd = document.createElement("TD");
	var objImg = document.createElement("IMG");
	
	objImg.src = eval(fnVars[8] + '.src');
	objImg.className = fnVars[3];
	objImg.alt = fnVars[6];
	objImg.tag = fnVars[6];
	objImg.title = fnVars[6];
	objImg.id = fnVars[1] + "_" + objCls.idExt;
	if (fnVars[5].length>0) {
		objImg.onclick = function Clk() {eval(fnVars[5])};
	}
	objTd.appendChild(objImg);
	objRow.appendChild(objTd);
}

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);
}

//move up function 
function MultimoveUp(tblName, obj, subRow) {
	
	var tbleObj = document.getElementById(tblName);
	var rowIndex = obj.parentNode.parentNode.rowIndex;
	rowIndex = (subRow==1) ? (rowIndex + 1) : rowIndex;

	var totRows = TotalRowsTable(tblName);
	//totRows = (totRows-1); //because of the header

	if (totRows>=rowIndex) {
		var objTd = tbleObj.getElementsByTagName("TBODY")[0].childNodes[rowIndex];
	
		var tblObj = objTd.parentNode;
		var curRow = rowIndex;
		var newRow = (curRow-1);
		if (newRow>0) {
			var rowObj = tblObj.insertRow(newRow);
			var ChildObj = objTd;
			var tdLength = ChildObj.childNodes.length;
			for (var x=0; x<tdLength; x++) {
				var chdObj = ChildObj.childNodes[0];
				rowObj.appendChild(chdObj);
			}
			tblObj.deleteRow((curRow+1));
		}
	}
}

//move down function 
function MultimoveDown(tblName, objTd) {
	MultimoveUp(tblName, objTd, 1);
}

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


//EDIT BELOW THIS LINE



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

function DisableClick (SelId) {
	var objSel = document.getElementById(SelId);
	objSel.parentNode.parentNode.childNodes[2].childNodes[1].disabled=false;
	if (objSel.value>0) {
		if (objSel.parentNode.parentNode.childNodes[2].childNodes[1].type=="image") {
			objSel.parentNode.parentNode.childNodes[2].childNodes[0].value="";
			objSel.parentNode.parentNode.childNodes[2].childNodes[1].disabled=true;
		}
	}
}

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

//function to create telephone grid
function createRegTelGrid() {
	var regTelGrid = new MultiBox();
	var dt = new Date();
	
	regTelGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regTelGrid.columns[0] = "{blankTd}{ }{ }{frmCaption}{ }{ }{Number}{0}{ }";
 	regTelGrid.columns[1] = "{textBox}{telNum}{telNum[]}{frmNumBox}{15|30}{ }{ }{0}{ }";
 	regTelGrid.columns[2] = "{blankTd}{ }{ }{frmCaption}{ }{ }{Description}{0}{ }";
 	regTelGrid.columns[3] = "{textBox}{telDes}{telDes[]}{frmDesBox}{35|255}{ }{ }{0}{ }";
 	regTelGrid.columns[4] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDel}";
//  	regTelGrid.columns[5] = "{imgBox}{btndel1}{btndel1[]}{curpoint}{ }{MultimoveUp('telGrid',this,0);}{Up}{0}{imgUp}";
//  	regTelGrid.columns[6] = "{imgBox}{btndel2}{btndel2[]}{curpoint}{ }{MultimoveDown('telGrid',this);}{Down}{0}{imgDown}";
 	
//  	regTelGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
//  	regTelGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regTelGrid.idExt + "}{0}";
	
	regTelGrid.htmlTbl = "telGrid";
	
	regTelGrid.addRow();

}


//function to validate the entry and then insert as a new row
function validRegTelGrid() {
	var objNum = document.getElementById('telNum');
	var objDes = document.getElementById('telDes');
	
	if (objDes.value == '(Home, Office, Mobile)') {
		objDes.value = '';
	}
	
	if (objNum.value.length==0) {
		alert("Phone number must be entered");
		objNum.focus();
	}else if (objDes.value.length==0) {
		alert("Description for the phone number must be entered");
		objDes.focus();
	}else{
		createRegTelGrid();	
	}
}

//function to blank the description box
function blankDes(obj) {
	if (obj.value == '(Home, Office, Mobile)') {
		obj.value = '';
		obj.focus();
	}
}

//function to create telephone grid
function createProTelGrid() {
	var regTelGrid = new MultiBox();
	var dt = new Date();
	
	regTelGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regTelGrid.columns[0] = "{blankTd}{ }{ }{frmMemCaption}{ }{ }{Number}{0}{ }";
 	regTelGrid.columns[1] = "{textBox}{telNum}{telNum[]}{frmNumBox}{15|30}{ }{ }{0}{ }";
 	regTelGrid.columns[2] = "{blankTd}{ }{ }{frmMemCaption}{ }{ }{Description}{0}{ }";
 	regTelGrid.columns[3] = "{textBox}{telDes}{telDes[]}{frmDesBox}{35|255}{ }{ }{0}{ }";
 	regTelGrid.columns[4] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDelBlue}";
 	//regTelGrid.columns[5] = "{imgBox}{btndel1}{btndel1[]}{curpoint}{ }{MultimoveUp('telGrid',this,0);}{Up}{0}{imgUpBlue}";
 	//regTelGrid.columns[6] = "{imgBox}{btndel2}{btndel2[]}{curpoint}{ }{MultimoveDown('telGrid',this);}{Down}{0}{imgDownBlue}";
 	
 	regTelGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
 	regTelGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regTelGrid.idExt + "}{0}";
	
	regTelGrid.htmlTbl = "telGrid";
	
	regTelGrid.addRow();

}

//function to create stock grid
function createStockGrid() {
	var regStockGrid = new MultiBox();
	var dt = new Date();
	
	regStockGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regStockGrid.columns[0] = "{textBox}{qty}{qty[]}{txtBox}{5|7}{ }{ }{0}{ }";
 	regStockGrid.columns[1] = "{dateBox}{dt_ordered}{dt_ordered[]}{txtBox}{15|30}{ }{ }{0}{ }";
 	regStockGrid.columns[2] = "{dateBox}{dt_due}{dt_due[]}{txtBox}{15|30}{ }{ }{0}{ }";
 	regStockGrid.columns[3] = "{dateBox}{dt_received}{dt_received[]}{txtBox}{15|30}{ }{ }{0}{ }";
 	regStockGrid.columns[4] = "{textBox}{location}{location[]}{txtBox}{30|255}{ }{ }{0}{ }";
	regStockGrid.columns[5] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDelBlue}";
 	
 	regStockGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
 	regStockGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regStockGrid.idExt + "}{0}";
	
	regStockGrid.htmlTbl = "stocks";
	regStockGrid.addRow();
	document.getElementById('dt_ordered').value='';
	document.getElementById('dt_due').value='';
	document.getElementById('dt_received').value='';
}

//function to validate the entry and then insert as a new row
function validProTelGrid() {
	var objNum = document.getElementById('telNum');
	var objDes = document.getElementById('telDes');
	
	if (objDes.value == '(Home, Office, Mobile)') {
		objDes.value = '';
	}
	
	if (objNum.value.length==0) {
		alert("Phone number must be entered");
		objNum.focus();
	}else if (objDes.value.length==0) {
		alert("Description for the phone number must be entered");
		objDes.focus();
	}else{
		createProTelGrid();
	}
}

//function to create telephone grid
function createContTelGrid() {
	var regTelGrid = new MultiBox();
	var dt = new Date();
	
	regTelGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regTelGrid.columns[0] = "{blankTd}{ }{ }{frmMemCaption}{ }{ }{Number}{0}{ }";
 	regTelGrid.columns[1] = "{textBox}{telNum}{telNum[]}{frmNumBox}{15|30}{ }{ }{0}{ }";
 	regTelGrid.columns[2] = "{blankTd}{ }{ }{frmMemCaption}{ }{ }{Description}{0}{ }";
 	regTelGrid.columns[3] = "{textBox}{telDes}{telDes[]}{frmDesBox}{35|255}{ }{ }{0}{ }";
 	regTelGrid.columns[4] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDelBlue}";
 	regTelGrid.columns[5] = "{imgBox}{btndel1}{btndel1[]}{curpoint}{ }{MultimoveUp('telGrid',this,0);}{Up}{0}{imgUpBlue}";
 	regTelGrid.columns[6] = "{imgBox}{btndel2}{btndel2[]}{curpoint}{ }{MultimoveDown('telGrid',this);}{Down}{0}{imgDownBlue}";
 	
 	regTelGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
 	regTelGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regTelGrid.idExt + "}{0}";
	
	regTelGrid.htmlTbl = "telGrid";
	
	regTelGrid.addRow();

}

//function to validate the entry and then insert as a new row
function validContTelGrid() {
	var objNum = document.getElementById('telNum');
	var objDes = document.getElementById('telDes');
	
	if (objDes.value == '(Home, Office, Mobile)') {
		objDes.value = '';
	}
	
	if (objNum.value.length==0) {
		alert("Phone number must be entered");
		objNum.focus();
	}else if (objDes.value.length==0) {
		alert("Description for the phone number must be entered");
		objDes.focus();
	}else if(objNum.value.length>0){
		var TelNum,startDigit;
		TelNum = objNum.value;
		startDigit = TelNum.substring(0, 1);
		if(startDigit == '+' || startDigit == '7'){
			alert("Please enter a valid phone number");
			objNum.value = '';
			objNum.focus();
		}else if(isNaN(objNum.value)) {
    		alert("Kindly enter a valid phone number");
    		objNum.value = '';
			objNum.focus();
 		}else{
			createContTelGrid();
		}
	}	
}

//function to create telephone grid
function createBudTelGrid() {
	var regTelGrid = new MultiBox();
	var dt = new Date();
	
	regTelGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regTelGrid.columns[0] = "{blankTd}{ }{ }{frmMemCaption}{ }{ }{Number}{0}{ }";
 	regTelGrid.columns[1] = "{textBox}{telNum}{telNum[]}{frmNumBox}{15|30}{ }{ }{0}{ }";
 	regTelGrid.columns[2] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDelBlue}";
 	
 	regTelGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
 	regTelGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regTelGrid.idExt + "}{0}";
	
	regTelGrid.htmlTbl = "telGrid";
	
	regTelGrid.addRow();

}
//function to validate the entry and then insert as a new row
function validBUDTelGrid() {
	var objNum = document.getElementById('telNum');
	
	if (objNum.value.length==0) {
		alert("Phone number must be entered");
		objNum.focus();
	}else{
		createBudTelGrid();
	}
}
function validBUDTelGrid1() {
	var objNum = document.getElementById('telNum');
	
	if (objNum.value.length==0) {
	}else{
		createBudTelGrid();
	}
	return(true);
}

function validubinGrid() {
	var objNum = document.getElementById('ubin');
	
	if (objNum.value.length==0) {
	}else{
		createubinGrid();
	}
	return(true);
}

//function to create telephone grid
function createubinGrid() {
	var regTelGrid = new MultiBox();
	var dt = new Date();
	
	regTelGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regTelGrid.columns[0] = "{blankTd}{ }{ }{frmRetCaption}{ }{ }{ubin}{0}{ }";
 	regTelGrid.columns[1] = "{textBox}{ubin}{ubin[]}{frmubinBox}{15|30}{ }{ }{0}{ }";
 	regTelGrid.columns[2] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDelBlue}";
 	
 	regTelGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
 	regTelGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regTelGrid.idExt + "}{0}";
	
	regTelGrid.htmlTbl = "telGrid";
	
	regTelGrid.addRow();

}

//function to validate the entry and then insert as a new row
function validProWMobGrid() {
	var objNum = document.getElementById('mobNum');
	
	if (objNum.value.length==0) {
		alert("Mobile number must be entered");
		objNum.focus();
	}else if(objNum.value.length>0){
		var MobNum,startDigit;
		MobNum = objNum.value;
		startDigit = MobNum.substring(0, 1);
		if(startDigit == '+' || startDigit == '7'){
			alert("Please enter a valid mobile number");
			objNum.value = '';
			objNum.focus();
		}else if(isNaN(objNum.value)) {
    		alert("Kindly enter a valid mobile number");
    		objNum.value = '';
			objNum.focus();
 		}else{
	 		createMobTelGrid();
		}
	}	
}

//function to create telephone grid
function createMobTelGrid() {
	var regTelGrid = new MultiBox();
	var dt = new Date();

	regTelGrid.idExt = dt.getTime() + dt.getSeconds() + Math.random();
 	regTelGrid.columns[0] = "{blankTd}{ }{ }{frmMemCaption}{ }{ }{Mobile}{0}{ }";
 	regTelGrid.columns[1] = "{textBox}{mobNum}{mobNum[]}{frmNumBox}{15|30}{ }{ }{0}{ }";
 	regTelGrid.columns[2] = "{imgBox}{btndel}{btndel[]}{curpoint}{ }{delRow(this);}{Delete}{0}{imgDelBlue}";
 	
 	regTelGrid.hiddenCols[0] = "{hiddenBox}{hid}{hid[]}{ }{ }{ }{ }{0}";
 	regTelGrid.hiddenCols[1] = "{hiddenBox}{tmpId}{tmpId[]}{ }{ }{ }{" + regTelGrid.idExt + "}{0}";
	
	regTelGrid.htmlTbl = "mobiGrid";
	
	regTelGrid.addRow();

}