var xmlHttp;
function switchPhoto(name, rootPath)
{
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null)
    {
        alert ("We apologize.  Your browser does not support a technology known as AJAX which is used to change the photos.");
        return;
    }
    try
    {
        var url = rootPath + "AJAXHandlerLEED.ashx?name=" + name;
        xmlHttp.onreadystatechange=stateChanged;
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
        //switchStyles(imageName);
    }
    catch (error)
    {
        //show alert
        return;
    }
}

function stateChanged() 
{ 
    var memberName = "";
    var memberPhoto = "";
    var memberOrder = "";
    var memberTitle = "";
    var memberOrganization = "";
    var memberDescription = "";
        
    if (xmlHttp.readyState==4)
    {
        var xmlDoc = xmlHttp.responseXML.documentElement;
        
        try
        {
        memberName = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
        memberPhoto = xmlDoc.getElementsByTagName("photo")[0].childNodes[0].nodeValue;
        memberOrder = xmlDoc.getElementsByTagName("order")[0].childNodes[0].nodeValue;
        memberTitle = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
        memberOrganization = xmlDoc.getElementsByTagName("organization")[0].childNodes[0].nodeValue;
        memberDescription = xmlDoc.getElementsByTagName("description")[0].childNodes[0].nodeValue;
        }
        catch(someError)
        {
            memberName = "";
            memberPhoto = "";
            memberOrder = "";
            memberTitle = "";
            memberOrganization = "";
            memberDescription = "";
        }

        document.getElementById("ctl00_ContentPlaceHolder1_mainPhoto").src = memberPhoto;
        document.getElementById("ctl00_ContentPlaceHolder1_LEEDteamMemberName").innerHTML = memberName + ", " + memberTitle;
        
        var orgList = document.getElementById("ctl00_ContentPlaceHolder1_LEEDteamMemberOrg");
        if (memberOrganization == "" || memberOrganization  == null)
        {
            orgList.innerHTML = "";
        }
        else
        {
            orgList.innerHTML = memberOrganization;
        }
        
        document.getElementById("ctl00_ContentPlaceHolder1_LEEDteamMemberText").innerHTML = memberDescription;  
        
        //highlight name
        switchStyles(memberName.replace(/\s/g, ""));
    }
}

function switchStyles(linkID)
{
    var links = document.getElementsByTagName("a");
    for (var i=0; i < links.length; i++)
    {
        if (links[i].id != "")
        {
            if (links[i].id == linkID)
            {
                document.getElementById(links[i].id).className = "highlightLEEDMember";
            }
            else
            {
                document.getElementById(links[i].id).className = "deHighlightLEEDMember";
            }
        }
    }
}

function GetXmlHttpObject()
{
    var xmlHttp=null;
    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    } 
    return xmlHttp;
}