var xmlHttp;
var type;
function onLoad(buildingType) {
	type = buildingType;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url= getBaseUrl() + "PHP/loadBuildings.php";	
	var date = new Date();
	var params = "noCache="+date.getTime();
	
	xmlHttp.onreadystatechange=buildThumbnails;
	xmlHttp.open("POST", url, true);
	xmlHttp.send(null);
}

function GetXmlHttpObject() {
	var objXMLHttp=null;
	if (window.XMLHttpRequest) {
		objXMLHttp=new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		objXMLHttp=new ActiveXObject('Msxml2.XMLHTTP');
	} else {
		objXMLHttp=new ActiveXObject('Microsoft.XMLHTTP');
	}
	return objXMLHttp;
}

function buildThumbnails(){
	var thumbnails = new Array();
	if (xmlHttp.readyState==4 || xmlHttp.readyState=='complete') { 
		var buildings = xmlHttp.responseXML.getElementsByTagName('building');
		for (var i = 0; i < buildings.length; i++){
			if(buildings[i].getAttribute('name') == type){
				var projects = buildings[i].getElementsByTagName('project');
				for (var j = 0; j < projects.length; j++) {
					var project = new Object();
					project.name = projects[j].getAttribute('name');
					project.imgSrc = projects[j].getAttribute('thumbnail');
					thumbnails.push(project);
				}
			}
		}
		buildThumbnailDisplay(thumbnails);
	} 
}

function buildThumbnailDisplay(thumbnails){
	if(thumbnails.length > 0){
		var size = (thumbnails.length > 4) ? 5 : thumbnails.length;
		for(var i = 0; i < size; i++){
			var heavyImage = new Image(); 
			heavyImage.src = "../"+thumbnails[i].imgSrc;
			heavyImage.name = thumbnails[i].name;
			heavyImage.height = 75;
			heavyImage.width = 75;
			heavyImage.className = "thumbnails";
			heavyImage.onclick = function(){
				window.location = getBaseUrl() + "viewAlbum.shtml?building=" + type + "&project=" + this.name;
			}
			document.getElementById('bottomPanelGalleryDiv').appendChild(heavyImage);
		}
	}else{
		var text = document.createTextNode("Pictures Coming Soon!");
		document.getElementById('bottomPanelGalleryDiv').appendChild(text);
	}
}