//Initiliaze Globals
var global_appTitle="";

function updateMid(appID, appTitle) {
	global_appTitle=appTitle;
	mid_content=document.getElementById("port_mid");
	mid_content.innerHTML="<div style=\"width: 100%; text-align: center; margin: 20px auto;\"><img src=\"images/loading.gif\" /><br />Loading</div>";
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Your browser does not support AJAX!");
		return;
	}
	var url="portfolio_ajax.php?appID="+appID+"&action=getImages&sid="+Math.random();
	xmlHttp.onreadystatechange=updateMid_stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function updateMid_stateChanged() { 
	if (xmlHttp.readyState==4) {
		appTitle=global_appTitle;
		var imageLoader = new Array();
		var outputString = "<img src=\"images/spacer.gif\" name=\"fullimage\" align=\"center\" /><br /><br /><h2>All "+appTitle+" projects:</h2>";
		mid_content=document.getElementById("port_mid");
		right_content=document.getElementById("port_right");
		wholeResponse=xmlHttp.responseText;
		imageArray = wholeResponse.split("\n");
		for(i=0;i<imageArray.length;i++) {
			if(imageArray[i] != "") {
				imageDetails=new Array();
				imageDetails=imageArray[i].split("|");
				imageLoader[i] = new Image(1,1);
				imageLoader[i].src="portfolio_crop.php?imageID="+imageDetails[1];
				outputString += "<a href=\"javascript: void(0);\" onclick=\"updateRight("+imageDetails[0]+");\"><img src=\"portfolio_crop.php?imageID="+imageDetails[1]+"\" border=\"0\" style=\"margin: 0 0 10px 10px;\" /></a>\n";
				if((i+1)%4==0) {
					outputString+="<br />\n";
				}
			}
		}
		mid_content.innerHTML=outputString;
		right_content.innerHTML="Select a project for details.";
	}
}

function updateRight(portID) {
	right_content=document.getElementById("port_right");
	right_content.innerHTML="<div style=\"width: 100%; text-align: center; margin: 20px auto;\"><img src=\"images/loading.gif\" /><br />Loading</div>";
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Your browser does not support AJAX!");
		return;
	}
	var url="portfolio_ajax.php?portID="+portID+"&action=imageDetails&sid="+Math.random();
	xmlHttp.onreadystatechange=updateRight_stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function updateRight_stateChanged() { 
	if (xmlHttp.readyState==4) {
		var responseArray = new Array();
		right_content=document.getElementById("port_right");
		wholeResponse=xmlHttp.responseText;
		responseArray=wholeResponse.split("|&|");
		right_content.innerHTML=responseArray[0];
		MM_swapImage('fullimage','','mesh_images/portfolio/'+responseArray[1],1)
	}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}