// JScript File

var projectTypeIndex = 0;

var projectsArray = new Array();

compileXML = function(){
    //alert(xmlDoc.documentElement.childNodes[projectTypeIndex]);
    var queryVars = parseIDFromQS();
projectTypeIndex = queryVars;
    var projectTypes = xmlDoc.documentElement.getElementsByTagName('projecttype');
    var projectType = projectTypes[projectTypeIndex];
     var projects = projectType.getElementsByTagName('project');
    var imagename = "";
    document.getElementById("detailLocationHeader").className = "locationHeaderBar" + projectTypeIndex;
    var newLink = document.createElement('a');
     newLink.href = "Index.shtml";
     newLink.className = "locationBar";
     newLink.appendChild(document.createTextNode("Runberg Architecture Group PLLC"));
     document.getElementById("lblLocationHeader").appendChild(newLink);
     document.getElementById("lblLocationHeader").appendChild(document.createTextNode(" > "));
     var newLink2 = document.createElement('a');
     newLink2.href = "OurWork.shtml";
     newLink2.appendChild(document.createTextNode("Our Work"));
     newLink2.className = "locationBar";
     document.getElementById("lblLocationHeader").appendChild(newLink2);
     document.getElementById("lblLocationHeader").appendChild(document.createTextNode(" > "));
     document.getElementById("lblLocationHeader").appendChild(document.createTextNode(projectTypes[projectTypeIndex].getAttribute('name')));
    
    //alert(projects[0].getAttribute("name"));
    for(var i=0; i < projects.length; i++){
       
        imagename = projects[i].getElementsByTagName('mediumimage')[0].getAttribute('imagename');
        //alert(imagename);
        var imageDiv = document.getElementById("divProject" + i);
        imageDiv.style.backgroundImage = "url(./Images/" + imagename +")";
        //imageDiv.class = "projectsImageContainer";
        imageDiv.className = "projectsImageContainer";
        imageDiv.setAttribute("url","ProjectDetail.shtml?id=" + projectTypeIndex + "_" + projects[i].getAttribute('id'));
        //imageDiv.setAttribute("onclick","window.location='ProjectDetail.htm?id=" + projectTypeIndex + "_" + i + "';");
        //imageDiv.setAttribute("onclick","alert('test');");
        imageDiv.onclick = redirect;
        imageDiv.onmouseover = projectImage_mouseover;
        imageDiv.onmouseout = projectImage_mouseout;
        var textContainerDiv = document.getElementById("divProjectTextContainer" + i);
        //textDiv.class = "projectsNameLabel";
        textContainerDiv.className = "projectsNameLabelContainer" + projectTypeIndex;
        var textDiv = document.getElementById("divProjectText" + i);
        textDiv.innerHTML = projects[i].getAttribute("name");
        textDiv.className = "projectsNameLabel1";
    }
    
}


function redirect(){
    window.location = this.getAttribute("url");
}

function projectImage_mouseout(){
    var currTabElem = this; 
    
   
        currTabElem.setAttribute("class", "projectsImageContainer"); 
        currTabElem.setAttribute("className", "projectsImageContainer"); 
 
}
function projectImage_mouseover(){
    var currTabElem = this; 

    currTabElem.setAttribute("class", "projectsImageContainerMouseOver"); 
    currTabElem.setAttribute("className", "projectsImageContainerMouseOver"); 

}
function getIndexFromDivID(divID){
    var index = divID.substring(divID.length-1, divID.length);
    return index;
}