function DOMCreateTable (idTable, styles, idContainer) {
	var objContainer = document.getElementById(idContainer);
	var objTable = document.getElementById(idTable);
	
	if (objTable != null) {
		objContainer.removeChild(objTable);
	}	
	var myTable = document.createElement("TABLE");
	myTable.setAttribute("id", idTable);
	myTable.className=styles["TABLE"];
	objContainer.appendChild(myTable);
}


function DOMCreateTHead (idTHead, styles, idContainer, nbCols) {
	var objContainer = document.getElementById(idContainer);
	var objTHead = document.getElementById(idTHead);
	
	if (objTHead != null) {
		objContainer.removeChild(objTHead);
	}	
	var myTableHead = document.createElement("THEAD");
	var myTr = document.createElement("TR");
	for(var fields=0; fields < nbCols; fields++) {
		var myTd = document.createElement("TD");
		myTd.className=styles["TD"];
		myTd.setAttribute("id", idTHead + "_0_" + fields);
		myTr.appendChild(myTd);
	}
	myTr.setAttribute("id", idTHead + "_" + 0);
	myTr.className=styles["TR"];
	myTableHead.appendChild(myTr);
	myTableHead.setAttribute("id", idTHead);
	myTableHead.className=styles["THEADER"];
	objContainer.appendChild(myTableHead);
}

function DOMFillTHead (idTHead, tabTextHeader) {
	
	for (var i = 0; i < tabTextHeader.length; i++) {
		var myTdText = document.createTextNode(tabTextHeader[i]);
		var tableCell = document.getElementById(idTHead).childNodes[i];
		tableCell.appendChild(myTdText);
	}
}


function DOMCreateTBody (idTBody, styles, idContainer, nbRows, nbCols) {
	
	var objContainer = document.getElementById(idContainer);
	var objTBody = document.getElementById(idTBody);
	
	if (objTBody != null) {
		objContainer.removeChild(objTBody);
	}

	var myTableBody = document.createElement("TBODY");
	for(var rows = 0; rows < nbRows; rows++) {
		var indiceAltern = rows % 2;
		var myTr = document.createElement("TR");
		for(var fields=0; fields < nbCols; fields++) {
			var myTd = document.createElement("TD");
			myTd.className=styles["TD"];
			myTd.setAttribute("id", idTBody + "_" + rows + "_" + fields);
			myTr.appendChild(myTd);
		}
		myTr.setAttribute("id", idTBody + "_" + rows);
		myTr.className=styles["TR" + indiceAltern];
		myTableBody.appendChild(myTr);
	}
	myTableBody.setAttribute("id", idTBody);
	myTableBody.className=styles["TABLE"];
	objContainer.appendChild(myTableBody);
}

function DOMFillTBody(idTBody, dataGrid) {
	
	for (var i = 0; i < dataGrid.length; i++) {
		for (var j = 0; j <dataGrid[0].length; j++) {
			var myTdText = document.createTextNode(dataGrid[i][j]);
			var tableCell = document.getElementById(idTBody).childNodes[i].childNodes[j];
    		tableCell.appendChild(myTdText);
		}
	}
}

function DOMCreateDiv(idDiv, styles, idContainer) {
	var objContainer = document.getElementById(idContainer);
	var objDiv = document.getElementById(idDiv);
	var myDiv = document.createElement("DIV");
	myDiv.setAttribute("id", idDiv);
	myDiv.className=styles["DIV"];
	objContainer.appendChild(myDiv);
}

function DOMFillDiv(idDiv, dataGrid) {
	
	var textDiv = "";
	for (var i = 0; i < dataGrid.length; i++) {
		for (var j = 0; j <dataGrid[0].length; j++) {
			textDiv += dataGrid[i][j] + "; ";
		}
	}
	var myTdText = document.createTextNode(textDiv);
	var objDiv = document.getElementById(idDiv);
	objDiv.appendChild(myTdText);
}



function DOMCreateCombo (idCombo, styles, idContainer, nbRows) {
	
	var objContainer = document.getElementById(idContainer);
	var objCombo = document.getElementById(idCombo);
	
	//if (objCombo != null) {
	//	objContainer.removeChild(objCombo);
	//}
	
	var mySelect = document.createElement("SELECT");
	for(var rows = 0; rows < nbRows; rows++) {
		var myOption = document.createElement("OPTION");
		mySelect.appendChild(myOption);
	}
	mySelect.setAttribute("id", idCombo);
	mySelect.setAttribute("name", idCombo);
	objContainer.appendChild(mySelect);
}


function DOMFillCombo (idCombo, dataGrid) {
	var nbRows = dataGrid.length;
	var objCombo = document.getElementById(idCombo);
	for (var i = 0; i < nbRows; i++) {
		var values = dataGrid[i][0];
		var label  = dataGrid[i][0];
		
		objCombo.childNodes[i].setAttribute("VALUE", values);
		var myText = document.createTextNode(label);

		var comboItem = objCombo.childNodes[i];
		
		comboItem.appendChild(myText);
	}
}