function DynamicHtml()
	{
		this.getElement = function( tableId )
		{
			return document.getElementById( tableId );
		}

		this.setRow = function( tableObj )
		{
		
			var tbodyRowLength = tableObj.tBodies.length;
			
			var tr = document.createElement( "tr" );
			tableObj.tBodies[ tbodyRowLength - 1 ].appendChild( tr );

			return tr;
		}
		
		this.newRow = function( tableObj )
		{
			return this.setRow( tableObj );
		}

		this.deleteRow = function( tableObj, rowIndex )
		{
			tableObj.tBodies[0].deleteRow(rowIndex); 
		}
		
		this.clearRow = function( obj ) {
		
			while (obj.childNodes[0]) 
			{ 
				obj.removeChild(obj.childNodes[0]);  
			}
		}


		this.setCellText = function( trObj, value )
		{
			var td = document.createElement( "td" );
			var content = document.createTextNode( value );

			td.appendChild( content );
			trObj.appendChild( td );

			return td;
		}

		this.setCellElement = function( trObj, element )
		{
			var td = document.createElement( "td" );

			td.appendChild( element );
			trObj.appendChild( td );

			return td;
		}

		this.deleteCell = function( trObj, cellIndex )
		{
			trObj.deleteRow(rowIndex); 
		}
		
		this.replaceNode = function( element, value )
		{
			//element.replaceNode(value);
		}
		
		this.replaceText = function( element, value )
		{
			element.firstChild.nodeValue = value;
		}

		this.setAttribute = function( element, attributeName, value )
		{
			element.setAttribute( attributeName, value );
			return element;
		}

		this.createElement = function( tagName, value )
		{
			var element = document.createElement( tagName );
			
			if( value != null )
				element.appendChild(document.createTextNode( value ));

			return element;
		}
		
		this.createDropDownListOption = function( value, text )
		{
			var element = this.createElement( "option", text );
			this.setAttribute( element, "value", value );
			
			return element;
			
		}
		
		this.createImage = function( src )
		{
			var element = document.createElement( "img" );
			
			if( src != null )
			element.src = src;
			
			return element;
		}
		
		this.setEvent = function ( element, eventName, func )
		{
			if( element.addEventListener )
			{
				element.addEventListener( eventName.toLowerCase(), func, false );
			}
			else if( element.attachEvent )
			{
				element.attachEvent( eventName.toLowerCase(), func );
			}
		}

		this.setVisible = function( elementName, isVisible )
		{
			var visible = "none";

			if( isVisible )
				visible = "inline";
			
			document.getElementById( elementName ).style.display = visible;
		}
	}

	/*function test()
	{
		var tblMgr = new DynamicHtml();
		var table = tblMgr.getTable("tblFile");
		var tr = tblMgr.setRow( table );

		tblMgr.setCellText( tr, "1" );
		tblMgr.setCellText( tr, "1" );
		tblMgr.setCellText( tr, "1" );
		tblMgr.setCellText( tr, "1" );
		tblMgr.setCellText( tr, "1" );

		var button = tblMgr.createElement( "button", "delete" );
		tblMgr.setAttribute( button, "style", "width:500px;" );

		tblMgr.setCellElement( tr, button );
	}*/

	/*
		<button onclick="test();">ADD ROW</button>
		<table id="tblFile" border="1">
		<thead>
		<tr>
		<td>ลำดับ</td>
		<td>ไฟล์</td>
		<td>ขนาด</td>
		<td>คำอธิบาย</td>
		<td>ประเภท</td>
		<td>จัดการ</td>
		</tr>
		</thead>
		<tbody>
		<tr>
		<td colspan="6"></td>
		</tr>
		</tbody>
		<tfoot>
		<tr>
		<td colspan="9"></td>
		</tr>
		</tfoot>
		</table>
	*/