﻿var initCounter;
var strBrowser;
     function createDOM(){
      if(typeof DOMParser == "undefined"){
        DOMParser = function (){}
    
        DOMParser.prototype.parseFromString = function (xmlString, contentType){
            if (typeof ActiveXObject != "undefined"){
                var d = new ActiveXObject("Msxml2.DomDocument");
                d.loadXML(xmlString);
                return d;
            }else if (typeof XMLHttpRequest != "undefined"){
                var http_request = new XMLHttpRequest;
            //    http_request.onreadystatechange = getProject;
            //    http_request.open('GET', 'config/EduProjects.xml', true);
                
                if (http_request.overrideMimeType)
                    {http_request.overrideMimeType("text/xml");}
                
                http_request.send(null);
                return http_request.responseXML;
            }
          }
        }
      }
    
              
    function projectInit(projectid){
        initCounter = 0;
        if (window.XMLHttpRequest) {
            http_request = new XMLHttpRequest();
           // http_request.overrideMimeType("text/xml");
        }
        else if (window.ActiveXObject) {
            try{
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (e){
                try{
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e){}
            }
        }
        http_request.onreadystatechange = getProject;
        http_request.open('GET', 'config/EduProjects.xml', true);
        http_request.send(null);
    //  (new DOMParser()).parseFromString(http_request.responseText, "text/xml");
   }

    function getProject(proj, img){
     //alert(http_request.readyState);
        if (http_request.readyState == 4){
            if (http_request.status == 200){
             if(!proj)
                {proj = 0;}
             
             var XML
             var projecttitle
             if(typeof DOMParser == "undefined" || strBrowser == "IE"){
             //using IE
             strBrowser = "IE";
             createDOM();
             XML = (new DOMParser()).parseFromString(http_request.responseText, "text/xml");
             projecttitle = XML.documentElement.childNodes[proj]; 
             document.getElementById("projectname").innerHTML = projecttitle.childNodes[0].childNodes[0].nodeValue;
             document.getElementById("location").innerHTML = projecttitle.childNodes[1].childNodes[0].nodeValue;
             document.getElementById("client").innerHTML = projecttitle.childNodes[3].childNodes[0].nodeValue;
             document.getElementById("description").innerHTML = projecttitle.childNodes[4].childNodes[0].nodeValue;
             document.getElementById("costs").innerHTML = projecttitle.childNodes[6].childNodes[0].nodeValue;

            if(projecttitle.childNodes[7].childNodes[0].nodeValue != null)
             {document.getElementById("awards").innerHTML  = "<p><strong>Awards Recieved:</strong><br/>" +projecttitle.childNodes[7].childNodes[0].nodeValue+ "</p>";}

            if(projecttitle.childNodes[2].childNodes[0].nodeValue != "&nbsp;")
             {document.getElementById("architect").innerHTML  = "<strong>Architect:</strong> " +projecttitle.childNodes[2].childNodes[0].nodeValue;}
            else
             {document.getElementById("architect").innerHTML  = "&nbsp;"}
             
             var nodes = projecttitle.getElementsByTagName('image').length;
             var newimage = projecttitle.getElementsByTagName('image').item(img).childNodes[0].childNodes[0].nodeValue;
             var newimagedesc = projecttitle.childNodes[0].childNodes[0].nodeValue;
             }else{
             strBrowser = "FireFox";
             //using Firefox
             XML = (new DOMParser()).parseFromString(http_request.responseText, "text/xml");
             projecttitle = XML.documentElement.getElementsByTagName("project").item(proj);
                        
             document.getElementById("projectname").innerHTML = projecttitle.childNodes[1].childNodes[0].nodeValue;
             document.getElementById("location").innerHTML = projecttitle.childNodes[3].childNodes[0].nodeValue;
             document.getElementById("client").innerHTML = projecttitle.childNodes[7].childNodes[0].nodeValue;
             document.getElementById("description").innerHTML = projecttitle.childNodes[9].childNodes[0].nodeValue;
             document.getElementById("costs").innerHTML = projecttitle.childNodes[13].childNodes[0].nodeValue;
          
            if(!projecttitle.childNodes[15].childNodes[0].nodeValue)
             {document.getElementById("awards").innerHTML  = "<p><strong>Awards Recieved:</strong><br/>" +projecttitle.childNodes[15].childNodes[0].nodeValue+ "</p>";}
            
            if(projecttitle.childNodes[5].childNodes[0].nodeValue != "&nbsp;")
             {document.getElementById("architect").innerHTML  = "<strong>Architect:</strong> " +projecttitle.childNodes[5].childNodes[0].nodeValue;}
             else
             {document.getElementById("architect").innerHTML  = "&nbsp;"}
              
             var nodes = projecttitle.getElementsByTagName('image').length;
            //alert(nodes);
            var newimage = projecttitle.getElementsByTagName('image').item(img).childNodes[1].childNodes[0].nodeValue;
           //  alert(projecttitle.getElementsByTagName('image').item(img).childNodes[1].childNodes[0].nodeValue);
             var newimagedesc = projecttitle.childNodes[1].childNodes[0].nodeValue;
             }
             
             writeProjectImageCount(proj,nodes);
             getImage(newimage, newimagedesc);
            }    
       
           //set page navigation
            if(initCounter <= 1){
               if(!proj)
                {navOn('projects', 'Educational', 0);}
               else
                {navOn('projects', 'Educational', proj);}
               initCounter = 1;
            }
        }
    }
    
    function getImage(imgsrc, imgalt){
         document.getElementById("image").src = imgsrc;
         document.getElementById("image").alt = imgalt;
    }
    
    function writeProjectImageCount(projectid,imgCnt){
         var buildNumbers = "" 
         var y
         for(i=1; i<imgCnt+1; i++){
             y = i-1
             buildNumbers = buildNumbers+ '<div class="num" onclick="getProject(' +projectid+ ',' +y+ ')">' +i+ '</div>';
         }
     //    alert(buildNumbers);
         document.getElementById("projectimagenumbers").innerHTML = buildNumbers;
    }
    
