var INPUT_NAME1 = 'name[]'; // this is being set via script
var INPUT_ID1 = 'name'; // this is being set via script
var INPUT_NAME2 = 'number[]'; // this is being set via script
var INPUT_ID2 = 'number'; // this is being set via script
var INPUT_NAME3 = 'job[]'; // this is being set via script
var INPUT_ID3 = 'job'; // this is being set via script
//var INPUT_NAME3 = 'cat[]'; // this is being set via script
// INPUT_ID3 = 'cat'; // this is being set via script
var TABLE_NAME = 'tblAdd'; // this should be named in the HTML
var ROW_BASE = 1; // first number (for display)
var hasLoaded = false;

window.onload=fillInRows;

function fillInRows()
{
	hasLoaded = true;
}

function addRowToTable(str)
{
	if (hasLoaded)
	{					
		var tbl = document.getElementById(TABLE_NAME);
		var nextRow = tbl.tBodies[0].rows.length;
		var rank = nextRow + ROW_BASE;
		
		// add the row
		var row = tbl.tBodies[0].insertRow(nextRow);
		row.id = 'name' + nextRow;
		row.id = 'number' + nextRow;
		
		// cell 0 - RANK
		var cell0 = row.insertCell(0);
		cell0.align = tdEmailAlign;
		cell0.width = '10%';
		cell0.innerHTML = '(' + rank + ')<span style="color:#BC1F1B">*</span>&nbsp;';
		
		// cell 1 - input text
		var cell1 = row.insertCell(1);
		cell1.width = '5%';
		cell1.innerHTML = '<input type="text" id="'+ INPUT_ID1 + rank + '" name="' + INPUT_NAME1 + '">&nbsp&nbsp';
		cell1.innerHTML += '<input type="text" id="'+ INPUT_ID2 + rank + '" name="' + INPUT_NAME2 + '">&nbsp&nbsp';
		cell1.innerHTML += '<select id="'+ INPUT_ID3 + rank + '" name="' + INPUT_NAME3 + '" ><option value=0>غير محدد</option>'+str+'</select>&nbsp&nbsp';
	
		// cell 2 - delete image
		var cell2 = row.insertCell(2);
		cell2.align = tdImageAlign;
		cell2.width = '5%';
		var imgElement = document.createElement('img');
		imgElement.setAttribute('src', delEmailImg);
		imgElement.setAttribute('alt', delEmailAlt);
		imgElement.setAttribute('border', 0);
		imgElement.setAttribute('width', 20);
		imgElement.setAttribute('height', 20);
		imgElement.setAttribute('align', tdImageAlign);
		imgElement.setAttribute('hspace', 5);
		imgElement.onclick = function () {deleteCurrentRow(this)};
		cell2.appendChild(imgElement);	
	
	}
}

function deleteCurrentRow(obj)
{
	if (hasLoaded)
	{
		var delRow = obj.parentNode.parentNode;
		var tbl = delRow.parentNode.parentNode;
		var rIndex = delRow.sectionRowIndex;
		var rowArray = new Array(delRow);
		deleteRows(rowArray);
		reorderRows(tbl, rIndex);
	}
}

function deleteRows(rowObjArray)
{
	if (hasLoaded)
	{
		for (var i=0; i<rowObjArray.length; i++)
		{
			var rIndex = rowObjArray[i].sectionRowIndex;
			rowObjArray[i].parentNode.deleteRow(rIndex);
		}
	}
}

function reorderRows(tbl, startingIndex)
{
	if (hasLoaded)
	{
		if (tbl.tBodies[0].rows[startingIndex])
		{
			var count = startingIndex + ROW_BASE;
			for (var i=startingIndex; i<tbl.tBodies[0].rows.length; i++)
			{
				tbl.tBodies[0].rows[i].cells[0].innerHTML = '(' + count + ')<span style="color:#BC1F1B">*</span>&nbsp;';	//Rank
				var imgElement = document.createElement('img');
				imgElement.setAttribute('src', delEmailImg);
				imgElement.setAttribute('alt', delEmailAlt);
				imgElement.setAttribute('border', 0);
				imgElement.setAttribute('width', 20);
				imgElement.setAttribute('height', 20);
				imgElement.setAttribute('align', tdImageAlign);
				imgElement.setAttribute('hspace', 5);
				imgElement.onclick = function () {deleteCurrentRow(this)};
				tbl.tBodies[0].rows[i].cells[2].innerHTML = '';
				tbl.tBodies[0].rows[i].cells[2].appendChild(imgElement);
				
				count++;
			}
		}
	}
}

function strltrim()
{
    return this.replace(/^\s+/,'');
}

function strrtrim()
{
    return this.replace(/\s+$/,'');
}

function strtrim()
{
    return this.replace(/^\s+/,'').replace(/\s+$/,'');
}

String.prototype.ltrim = strltrim;
String.prototype.rtrim = strrtrim;
String.prototype.trim = strtrim;