var xmlDoc;

function importXML(file) {
 var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
 var ie = (!moz) && (typeof window.ActiveXObject != 'undefined');

 if (moz) {
   xmlDoc = document.implementation.createDocument("", "", null)
   xmlDoc.async = false;
 } else if (ie) {
   xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
   xmlDoc.async = false;
   while(xmlDoc.readyState !=4) {};
 }
 xmlDoc.load(file);
}


function NodeValue(obj,attr){

	sObj=obj.getElementsByTagName(attr);
	if(sObj.length>0 && sObj[0].firstChild)
		return sObj[0].firstChild.nodeValue;
	else
		return "";
} 




// renderView("name","mohammad","search") will bring all those that have mohammad in their name string
// renderView("name", "m", "search") will bring all those that have m in their name
// renderview("name", "m","index") will bring all those that start with m
function renderView(criteria,criteriaValue,rType){

	importXML("agents.xml");
        
	var agents=xmlDoc.getElementsByTagName("agents");
        var agent=agents[0].getElementsByTagName("agent");
        var html="";


   for(var i=0; i<agent.length; i++) {
          if(rType=="search"){
                if( NodeValue(agent[i],criteria).toUpperCase().indexOf(criteriaValue.toUpperCase())!=-1 || criteriaValue==""){
                   document.getElementById("agent_" + NodeValue(agent[i],"id")).style.display="block";
                }else{
        		   document.getElementById("agent_" + NodeValue(agent[i],"id")).style.display="none";
		        }
          }else if(rType=="index"){
                if( NodeValue(agent[i],criteria).toUpperCase().indexOf(criteriaValue.toUpperCase())==0 || criteriaValue==""){
                   document.getElementById("agent_" + NodeValue(agent[i],"id")).style.display="block";
                }else{
		             document.getElementById("agent_" + NodeValue(agent[i],"id")).style.display="none";
            	}
          }
	 
  }
}