// JavaScript Document
function doLoadSession(HTTP) {
  var req = HTTP.getXMLHttpRequestObject();
  var xml = req.responseXML;

 parseXML(xml);
}

function popup(i) {
  var url;
  url = i
  open(url,"first","resizable=yes,scrollbars=yes,status=yes,width=600,height=660");
}

function alertME(what){
	  var request = what.getXMLHttpRequestObject();
  var text = req.responseText;
}

function doShowLayer(mydiv) {

  if(document.getElementById(mydiv).style.display=="none") {
    document.getElementById(mydiv).style.display="block";
  } else {
   document.getElementById(mydiv).style.display="none";
  }
}
function doHideLayer(mydiv) {
  document.getElementById(mydiv).style.display="none";
}

function loadXML(xmlFile)
{
xmlDoc= new AjaxRequest(xmlFile);
xmlDoc.setPostRequest(doLoadSession);
xmlDoc.sendRequest();
}



function parseXML(xml){
var projectArray = new Array();
var xmlArray = new Array();
var i = 0;
rootNode = xml.documentElement;
projectArray = xml.getElementsByTagName("project");
for (var i = 0; i < projectArray.length; i++) {
	xmlArray[i] = new Array();	
	//Declare Nested Arrays
	xmlArray[i].agency = new Array();
	xmlArray[i].location = new Array()
	xmlArray[i].state = new Array()
	xmlArray[i].date = new Array()
	xmlArray[i].coordinator = new Array()
	xmlArray[i].photo = new Array();
	xmlArray[i].caption = new Array()
	xmlArray[i].email = new Array()
	xmlArray[i].thumb = new Array()
	
	//Define Nested Arrays
	if(projectArray[i].getAttribute('month') != null){
				xmlArray[i].month = projectArray[i].getAttribute('month');
	}
	xmlArray[i].thumb = projectArray[i].getElementsByTagName("thumb");
	xmlArray[i].agency = projectArray[i].getElementsByTagName("agency");
	xmlArray[i].location = projectArray[i].getElementsByTagName("location");
	xmlArray[i].state = projectArray[i].getElementsByTagName("state");
	xmlArray[i].date = projectArray[i].getElementsByTagName("date");
	xmlArray[i].photo = projectArray[i].getElementsByTagName("photo");
	xmlArray[i].caption = projectArray[i].getElementsByTagName("caption");
	
	//Because email and coordinator rely on each other we match them based on the id attribute.

	var coors = projectArray[i].getElementsByTagName("coordinator");
	var emails = projectArray[i].getElementsByTagName("email");
	for(k=0; k < coors.length; k++){
		id = parseInt(coors[k].getAttribute('id'));
		
					
			xmlArray[i].coordinator[id] = coors[k];	
			
		

	}
	
	
	
	for(m=0; m < coors.length; m++){
		if(emails[m]){
		id = parseInt(emails[m].getAttribute('id'));
		xmlArray[i].email[id] = emails[m];	
		}

		

	}
	//xmlArray[i].email = projectArray[i].getElementsByTagName("email");
		

	}
	//alert(xmlArray[0].agency[0].firstChild.nodeValue);
	displayXML(xmlArray);
}


function displayXML(xmlArray){

    var html = '<table class="mainTable" cellspacing="30px" cellpadding="0" border="0">\n\n\n';
        
    for(var j = 0; j< xmlArray.length; j++){	
            
         if(xmlArray[j].photo[0]){	 
              html += "<tr><td class='projectCell'><div>\n\n"
              for(var n = 0; n < xmlArray[j].photo.length; n++){              
				 
				 if(xmlArray[j].photo[n].firstChild.nodeValue == ""){ continue; }
                                 
                  html += '<a href="' + xmlArray[j].photo[n].firstChild.nodeValue + ' " class="highslide" onclick="return hs.expand(this)">\n <img src="' + xmlArray[j].thumb[n].firstChild.nodeValue + '" alt="Highslide JS"'
                  html += ' title="Click to enlarge"  />\n</a>\n';
                  if(xmlArray[j].caption[0]){
					  html += ' <div class="highslide-caption">\n';
					  if(xmlArray[j].agency[0]){html += '<strong>' + xmlArray[j].agency[0].firstChild.nodeValue +'</strong>\n<br />';}    
					  
					 html += xmlArray[j].caption[0].firstChild.nodeValue +'</div>\n';}    
               }

             if(xmlArray[j].caption[0]){
					  html += ' <div class="highslide-caption2">\n';
					  if(xmlArray[j].agency[0]){html += '<center><strong>' + xmlArray[j].agency[0].firstChild.nodeValue +'</strong></center>\n<br />\n';}    
					  
					 html += xmlArray[j].caption[0].firstChild.nodeValue +'</div>\n';}   
            html = html +"</div>\n</td>\n</tr>\n";	
        
        }
            
         
            
            //Display html for debug purposes
           
        
        }
		html += "</table>\n";
		 if(window.location.search.indexOf("debug=true") > 0){
				
            html = html.replace(/</g, '&lt;');
            html = html.replace(/>/g, '&gt;');
            html = html.replace(/\n/g, '<br />');
		
            //html = html.replace(/\s/g, '<p>');
            //html = html.replace(/\t/g, '</p>');
			
            }
       
        document.getElementById('dynamicContent').innerHTML = html;
		count();
}

function count()
{
	
aspCall= new AjaxRequest("photo.asp");
xmlDoc.setPostRequest(alertME);
aspCall.sendRequest();

}