function loadXMLnow() {
 var z = koolajax.load("../KoolAjax/racelines.xml");	
 var xmlDoc = koolajax.parseXml(z);	
     document.getElementById('ContentPage').innerHTML = "";
     x = xmlDoc.getElementsByTagName("raceline");
 var s = "<div id='tablet'>" + 
         "<div class='cl20'>Name</div>" + 
         "<div class='c50'>ID</div>" + 
         "<div class='c50'>Gender</div>" + 
         "<div class='c50'>Age</div>" + 
         "<div class='c110'>Dept.</div>" + 
         "<div class='c50'>Cost</div>" + 
         "<div class='c50'>Email</div>" + 
         "</div>";
 
 for(i = 0; i < x.length; i++) {
   s += "<div class='cl20'>" + x[i].childNodes[0].nodeValue + "</div>";
   s += "<div class='c50'>"  + x[i].attributes.getNamedItem("id").nodeValue + "</div>";
   s += "<div class='c50'>"  + x[i].attributes.getNamedItem("gender").nodeValue + "</div>";
   s += "<div class='c50'>"  + x[i].attributes.getNamedItem("age").nodeValue + "</div>";
   s += "<div class='c110'>" + x[i].attributes.getNamedItem("dept").nodeValue + "</div>"; 
   s += "<div class='c50'>"  + x[i].attributes.getNamedItem("cost").nodeValue + "</div>"; 
   s += "<div class='c50'>"  + x[i].attributes.getNamedItem("email").nodeValue + "</div>"; 
 }
 document.getElementById('ContentPage').innerHTML += s ;
 document.getElementById('load').enable = true;
}