//function to load the xml parser
    function loadXMLDoc(dname) {
        var xmlDoc;
        // code for IE
        if (window.ActiveXObject)
            {
            	xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            	xmlDoc.async = false;
            	xmlDoc.load(dname);
            }
        // code for Mozilla, Firefox, Opera, etc.
        else if (document.implementation && document.implementation.createDocument)
            {
            	var xmlhttp = new window.XMLHttpRequest();
            	xmlhttp.open("GET", dname, false);
            	xmlhttp.send(null);
            	var xmlDoc = xmlhttp.responseXML.documentElement;
            }
        else
            {
				alert('Your browser cannot handle this script');
            }

        return(xmlDoc);
    }
   
    //change the displayed to bio onclick
    function updateBio(staff_id){

        document.getElementById('bio').innerHTML = '<img src=\"images/loadingbar.gif\" alt=\"loading\" /><br />Loading...';
        
        xmlDoc=loadXMLDoc("staff-bios.xml");
        var x=xmlDoc.getElementsByTagName('smember');

        var id = staff_id;
        
        for (var i=0; i<x.length; i++)
        {
          if (id == x[i].getAttribute('id'))
          {
            //get the staff members name
            var raw_name = x[i].getElementsByTagName('name');
            var name = raw_name[0].text;
            if (!name)
            {
                name = raw_name[0].textContent;
            }
            
            //get the staff members position
            var raw_position = x[i].getElementsByTagName('position');
            var position = raw_position[0].text;
            if (!position)
            {
                position = raw_position[0].textContent;
            }
            
            //get the staff members image name
            var raw_image = x[i].getElementsByTagName('image');
            var image = raw_image[0].text;
            if (!image)
            {
                image = raw_image[0].textContent;
            }
            image = '<img src=\"images/'+image+'.jpg\" alt=\"'+name+'\" \/>';
            
            //get the staff members biography
            var raw_bio = x[i].getElementsByTagName('bio');
            var bio = raw_bio[0].text;
            if (!bio)
            {
                bio = raw_bio[0].textContent;
            }
            
            //get the staff members cellphone
            cellphone = ''
            try{
                var raw_cellphone = x[i].getElementsByTagName('cellphone');
                if (raw_cellphone != ''){
                    var cellphone = raw_cellphone[0].text;
                    if (!email){
                        cellphone = raw_cellphone[0].textContent;
                    }
                    cellphone = 'cel: '+cellphone+'<br />';
                }
            }
            catch(err){
                //alert(err)
            }

            //get the staff members email address
            var raw_email = x[i].getElementsByTagName('email');
            var email = raw_email[0].text;
            if (!email)
            {
                email = raw_email[0].textContent;
            }
            email = '<a href=\"mailto:'+email+'\">'+email+'</a>';
            
	        document.getElementById('name').innerHTML = name;
   	        document.getElementById('name2').innerHTML = name;
	        document.getElementById('position').innerHTML = position;
	        document.getElementById('position2').innerHTML = position;
	        document.getElementById('bio').innerHTML = bio;
	        document.getElementById('image').innerHTML = image;
	        document.getElementById('cellphone').innerHTML = cellphone;
	        document.getElementById('email').innerHTML = email;
          }
        }
    }