var xmlHttp;

function onLoad(){
	loadRandomProject();
}

function loadRandomProject(){
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	var url= getBaseUrl() + "PHP/loadProject.php";
	xmlHttp.onreadystatechange=buildProjectObject;
	var date = new Date();
	var params = "noCache="+date.getTime();
	
	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 buildProjectObject() { 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=='complete') { 
		var randomProject = new Object();
		var projectXMLList = xmlHttp.responseXML.getElementsByTagName('project');
		randomProject.name = projectXMLList[0].getAttribute('name');
		randomProject.building = projectXMLList[0].getAttribute('building');
		randomProject.desc = projectXMLList[0].getElementsByTagName('desc')[0].childNodes[0].nodeValue;
		randomProject.imgSrc = projectXMLList[0].getElementsByTagName('image')[0].childNodes[0].nodeValue;
		randomProject.title = projectXMLList[0].getElementsByTagName('title')[0].childNodes[0].nodeValue;
		randomProject.thumbs = new Array();
		//alert(randomProject.imgSrc);
		
		var thumbnails = projectXMLList[0].getElementsByTagName("thumbnail");
		if(thumbnails.length > 0){
			var size = (thumbnails.length > 2) ? 3 : thumbnails.length;
			for(var i = 0; i < size; i++){
				if(thumbnails[i].childNodes[0]){
					var aThumb = randomProject.thumbs;
					aThumb.push(thumbnails[i].childNodes[0].nodeValue);
				}
			}
		}
		buildProjectDisplay(randomProject);
	} 
}

function buildProjectDisplay(randomProject){
	var projectHeader = document.createTextNode(randomProject.name.toUpperCase());
	var projectHeaderBR = document.createElement("BR");
	document.getElementById('rightPanelHeader').appendChild(document.createTextNode("FEATURED PROJECT: "));
	document.getElementById('rightPanelHeader').appendChild(projectHeaderBR);
	document.getElementById('rightPanelHeader').appendChild(projectHeader);

	var projectImg = document.createElement('img');
	projectImg.src = randomProject.imgSrc;
	document.getElementById('rightPanelImage').appendChild(projectImg);
	
	var projectTitle = document.createTextNode(randomProject.title);
	document.getElementById('rightPanelTitle').appendChild(projectTitle);
	
	var projectDesc = document.createTextNode(randomProject.desc);
	document.getElementById('rightPanelDesc').appendChild(projectDesc);
	
	var aThumb = randomProject.thumbs;
	if(aThumb.length > 0){
		for(var i = 0; i < aThumb.length; i++){
			var heavyImage = new Image(); 
			heavyImage.src = aThumb[i];
			heavyImage.className = "thumbnails";
			heavyImage.index = i;
			heavyImage.onclick = function(){
				window.location = getBaseUrl() + "viewAlbum.shtml?building=" + randomProject.building + "&project=" + randomProject.name;
			}
			document.getElementById('rightPanelGallery').appendChild(heavyImage);
		}
	}else{
		var anchor = document.createElement("a");
		anchor.href = getBaseUrl() + "gallery.html?building=" + randomProject.building + "&project=" + randomProject.name;
		var text = document.createTextNode("[See the pictures from this featured RSI project in the gallery!]");
		anchor.appendChild(text);
		document.getElementById('rightPanelGallery').appendChild(anchor);
	}
}