var stfName="";
     var stfDesign="";
     var stfHours="";
     var stfDays="";
     var stfDesc="";
     var stfImg="";
    
    var moz = (typeof document.implementation != 'undefined') && (typeof 
    document.implementation.createDocument != 'undefined'); 
    var ie = (typeof window.ActiveXObject != 'undefined'); 
    if (moz) { 
       var xmlDoc = document.implementation.createDocument("", "", null);
       xmlDoc.async = false; 
     } else if (ie) { 
       var xmlDoc = new ActiveXObject("Microsoft.xmlDOM"); 
       xmlDoc.async = false; 
       while(xmlDoc.readyState != 4) {}; 
     } 
     xmlDoc.load("Staff.xml"); 
  
    
   function preloader() 
   {
         var staffImage = new Image();
         if (moz)
         {
            var staff = xmlDoc.getElementsByTagName("staff");
            for (i=0; i< staff.length; i++)
            { 
                 staffImage.src = "Images/Staffs/" + staff[i].getElementsByTagName("image")[0].firstChild.nodeValue;
                 staffImage.src = "Images/Staffs/t_" + staff[i].getElementsByTagName("image")[0].firstChild.nodeValue
            }     
         }else if(ie)
         {
            for (i=0; i< xmlDoc.childNodes[1].childNodes.length; i++)
            {
                staffImage.src = "Images/Staffs/" + xmlDoc.childNodes(1).childNodes(i).childNodes(4).text;
                staffImage.src = "Images/Staffs/t_" + xmlDoc.childNodes(1).childNodes(i).childNodes(4).text;
            }
         }
    } 

    function bindData(name)
    {
        var QryStr = new String(name);
        QryStr = QryStr.toLocaleUpperCase();
        if (moz)
        {
           var Staff = xmlDoc.getElementsByTagName("staff");
            for (i=0; i< Staff.length; i++)
            { 
                if (Staff[i].getAttribute('id') == QryStr)
                {
                        stfName = Staff[i].getElementsByTagName("name")[0].firstChild.nodeValue;
                        stfDesign = Staff[i].getElementsByTagName("desg")[0].firstChild.nodeValue;
                        stfHours = Staff[i].getElementsByTagName("hour")[0].firstChild.nodeValue;
                        stfDays = Staff[i].getElementsByTagName("days")[0].firstChild.nodeValue;
                        stfDesc = Staff[i].getElementsByTagName("cont")[0].firstChild.nodeValue;
                        stfImg = Staff[i].getElementsByTagName("image")[0].firstChild.nodeValue;
                        if(stfDays=="-"){stfDays = "";}
                }
             }
          }else if(ie)
          {
            for (i=0; i< xmlDoc.childNodes[1].childNodes.length; i++)
            {
                if (xmlDoc.childNodes[1].childNodes[i].attributes(0).text == QryStr)
                {
                        stfName = xmlDoc.childNodes(1).childNodes(i).childNodes(0).text;
                        stfDesign = xmlDoc.childNodes(1).childNodes(i).childNodes(1).text;
                        stfHours = xmlDoc.childNodes(1).childNodes(i).childNodes(2).text;
                        stfDays = xmlDoc.childNodes(1).childNodes(i).childNodes(3).text;
                        stfImg = xmlDoc.childNodes(1).childNodes(i).childNodes(4).text;
                        stfDesc = xmlDoc.childNodes(1).childNodes(i).childNodes(5).text;
                        if(stfDays=="-"){stfDays = "";}
                  }
             }
     	}
          document.getElementById("tdStaffName").innerHTML = "<span>" + stfName + "</span> - " + stfDesign ;
		  document.getElementById("divHours").innerHTML = "Hours: " + "<span>" + stfHours + "</span> " + stfDays;
          document.getElementById("paraIntro").innerHTML = stfDesc;
          document.getElementById("imgStaff").src = "Images/Staffs/" + stfImg;
    }
    
    function showImg(name)
    {
        if (name != 'none')
        {
            document.getElementById("imgThump").src = "Images/Staffs/t_" + name + ".jpg";
        }else
        {
            document.getElementById("imgThump").src = "Images/Staffs/imgSpacer.gif";
        }
    }