var xmlHttp;

$(document).ready(function() {
	$(".galleryBuilding").click(function() {
		$(this).find(".galleryProjects").slideToggle("fast");
		$(this).find(".buildingTitle").toggleClass("SELECTED");
	});
});
function init(){
	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=buildGallery;
	xmlHttp.open("POST", url+"?"+params, 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 buildGallery(){
	if (xmlHttp.readyState==4 || xmlHttp.readyState=='complete') {
		var buildings = xmlHttp.responseXML.getElementsByTagName('building');
		for (var i = 0; i < buildings.length; i++) {
			var buildingType = buildings[i].getAttribute('name');
			var galleryProjects = $(".galleryBuilding[buildingType=\'"+buildingType+"\']").find(".galleryProjects");
			var projects = buildings[i].getElementsByTagName('project');
			for(var j = 0; j < projects.length; j++) {
				var project = document.createElement("div");
				var projectName = projects[j].getAttribute('name');
				project.className = "project";
				project.building = buildingType;
				project.name = projectName;
				project.onclick = function() {
					window.location = getBaseUrl() + "viewAlbum.shtml?building=" + this.building + "&project=" + this.name;
				}
				project.appendChild(document.createTextNode(projectName));
				galleryProjects.append(project);
			}
		}
	} 
}