function loadAlbum(strID) {
	//loadDots = ".";
	//intervalID = setInterval(loadingStatus, 150);
	objXmlHttpReq = createObjXmlHttpReq();
	if (objXmlHttpReq==null)
	{
		alert ("Your browser does not support certain features.\nPlease use a different browser.");
		return;
	} 
	var strURL = "xalbum.asp?id=" + strID;
	objXmlHttpReq.onreadystatechange = checkAlbumStatus;
	objXmlHttpReq.open("GET",strURL,true);
	objXmlHttpReq.send(null);
}

function checkAlbumStatus() 
{
	if (objXmlHttpReq.readyState==4 || objXmlHttpReq.readyState=="complete")
	{ 
		//alert("state changed");
		//clearInterval(intervalID);
		strResponse = objXmlHttpReq.responseText;
		arrResponse = strResponse.split("$$$");

		//Get all the details that were returned
		var arrPic = arrResponse[0].split("|||");
		var arrAlbum = arrResponse[1].split("|||");
		var arrPages = arrResponse[2].split("|||");
		var arrWholeAlbum = arrResponse[3].split("|||");
		//alert(arrPic[0]);
		
		//Process and display the information
		document.getElementById("album_title").innerHTML = arrPic[0];
		document.getElementById("pic").innerHTML = "<img src=\"\/thumbnails\/" + arrPic[1] + "\">";
		document.getElementById("pic_caption").innerHTML = arrPic[2] + ' ' + arrPic[5];
		if (arrPic[3] != '')
		{document.getElementById("related_story").innerHTML = 'Related Story : <a href="http://' + arrPic[4] + '">' + arrPic[3] + '</a>';}
		else
		{document.getElementById("related_story").innerHTML = '';}
		//document.getElementById("spanLink").innerHTML = "http://gallery.thestar.com.my/default.asp?id=" + arrPages[2];
		
		//construct the table
		i = 3;
		intPixPerRow = 3;
		displayAlbum = "<table width=\"129\" border=\"0\" cellspacing=\"5\" cellpadding=\"0\">";
		
		var x = 0;
		var numOfAlbums = arrAlbum.length;
		var strAlbumID = arrPages[2];
		
		for (x=0;x<=numOfAlbums;x+=2) {
			if  (arrAlbum[x] != "") {
				if (i == intPixPerRow)
				{
					displayAlbum += "<tr>";
					i = 0;
				}
					displayAlbum += "<td width=\"43\" valign=\"top\" align=\"center\">";
					displayAlbum += "	<a href=\"javascript:loadPic('" + arrAlbum[x] + "');\"><img src=\"/thumbnails/"  + strAlbumID +  "/thumbs/"  + arrAlbum[x+1] + "\" border=\"0\"></a>";
					displayAlbum += "</td>";
				
				i += 1;
				
				if (i == intPixPerRow)
				{
					displayAlbum += "</tr>";
				}
			}
		}
		while (i < intPixPerRow) {
			displayAlbum += "<td width=\"43\"></td>";
			i += 1;
			if (i == intPixPerRow) {
				displayAlbum += "</tr>";
			}
		}
		displayAlbum += "<tr><td colspan=\"3\" align=\"right\">";

		var intPageCounter = 1;
		var intPage = arrPages[0];
		var totalPages = arrPages[1];
		
		if (totalPages > 0) {
			while (intPageCounter <= totalPages) {
				if (intPageCounter == intPage) {
					displayAlbum += "<span class=\"paging_active\"><b>" + intPageCounter + "</b></span>";
				}
				else {
					displayAlbum += "<a class=\"tx11\" style=\"color:#000000;\" href=\"javascript:loadAlbumPage('" + strAlbumID + "', '" + intPageCounter + "');\">" + intPageCounter + "</a>";
				}
				if (intPageCounter < totalPages) {
					displayAlbum += " | ";
				}
				intPageCounter += 1;
			}
		}
	
		displayAlbum += " &nbsp; &nbsp; &nbsp; </td><tr>";
		displayAlbum += "</table>";
		
		arrSlideshow.length = 0;
		for (k in arrWholeAlbum)
		{
			//alert("pushed value : " + arrSlideshow.push(arrWholeAlbum[k]) + "\nk = " + k);
			arrSlideshow.push(arrWholeAlbum[k]);
		}
		//Process and display the information
		document.getElementById("thumbs").innerHTML = displayAlbum;
	} 
}