function createRootElement(rootName)
{
	//sample
	var obj = eval("document.getElementById('"+rootName+"')");
	if(obj)
	{
		obj.innerHTML = "";
		appendInputFieldHidden(obj,'solution','eas');
		appendInputFieldHidden(obj,'dccenter','demo-center');
		appendInputFieldHidden(obj,'locale','L2');
		appendInputFieldHidden(obj,'dbType','0');
		appendInputFieldHidden(obj,'username','administrator');
		appendInputFieldHidden(obj,'password','yanshi');
		
       
    		
	}
}
function appendInputFieldHidden(formObj,elementName,elementValue)
{
	var element = null ;
	if(elementName == null || elementName=="") 
	{
		element = null ;
	}
	else
	{
		 //only supported by IE 
		 //element = document.createElement("<input type='hidden' name='"+elementName+ "' value='"+elementValue+"'>");
		 //<input type=hidden id=elementName name=elementName value= elementValue> for IE
		 //FireFox will parse <a></a>,a = <input ...>
		 //supported by both IE and FireFox 
		 //but formObj.innerHtml input element is no name attribute for IE
		 //<input type=hidden id=elementName value=elementValue> for IE
		 //<input type=hidden id=elementName name=elementName value= elementValue> for FireFox
		 element = document.createElement("input");
		 element.type = "hidden" ;
		 element.id = elementName ;
		 element.name = elementName ;
		 element.value = elementValue ;
		 
		 if(formObj)
		 {
		 	
		 	formObj.appendChild(element);
		 }
	}

}