var xmlHttp;
function getNewPhoto(imageName)
{
    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="AJAXHandlerManufacturing.ashx?image=" + imageName;
        xmlHttp.onreadystatechange=stateChanged;
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
        switchStyles(imageName);
    }
    catch (error)
    {
        //alert ("HI");
        return;
    }
}

function stateChanged() 
{ 
    if (xmlHttp.readyState==4)
    {
        var xmlDoc=xmlHttp.responseXML.documentElement;
        document.getElementById("mainPhoto").src = xmlDoc.getElementsByTagName("image")[0].childNodes[0].nodeValue;
        document.getElementById("mainImageDescription").innerHTML = xmlDoc.getElementsByTagName("detail")[0].childNodes[0].nodeValue;
    }
}

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;
}

function switchStyles(imageName)
{
    var startingNumber = 1;
    var endingNumber = 12;
    
    for (var i=startingNumber; i < endingNumber+1; i++)
    {
        var currentImageID = "image" + i;
        if (currentImageID == imageName)
        {
            document.getElementById(currentImageID).className = "manufacturingImagesSelected";
        }
        else
        {
            document.getElementById(currentImageID).className = "manufacturingImages";
        }
    }
}