function loadCategory(strCat, intPage) {
	//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 = "xcategory.asp?c=" + strCat + "&p=" + intPage
	objXmlHttpReq.onreadystatechange = checkCategoryStatus;
	objXmlHttpReq.open("GET",strURL,true);
	objXmlHttpReq.send(null);
}

function checkCategoryStatus() 
{
	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
		// === Receives a format of 
		// === categoryName|||categoryID$$$id|||mainpix|||id|||mainpix|||$$$currentPage|||totalPages
		var strCategory = arrResponse[0].split("|||")[0];
		var strCategoryID = arrResponse[0].split("|||")[1];
		var arrAlbums = arrResponse[1].split("|||");
		var arrPages = arrResponse[2].split("|||");
		
		//construct the table
		i = 5
		intPixPerRow = 5
		displayGalleries = "<table width=\"710\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"background-image:url(images/site_images/bgColour.gif);background-repeat:no-repeat;\">"
		displayGalleries += "<tr><td colspan=\"5\" class=\"galleryTitle\">&nbsp;<br>" + strCategory + " :<br>&nbsp;</td></tr>"
		
		var x = 0
		var numOfAlbums = arrAlbums.length
		var blnFirst = true
		
		for (x=0;x<=numOfAlbums;x+=3) {
			if  (arrAlbums[x] != "") {
				if (blnFirst == true)
				{
					loadAlbum(arrAlbums[x]);
					blnFirst = false;
				}
				
				if (i == intPixPerRow)
				{
					displayGalleries += "<tr>"
					i = 0
				}
					displayGalleries += "<td width=\"142\" valign=\"top\">"
					displayGalleries += "	<table width=\"142\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
					displayGalleries += "	<tr><td align=\"center\"><a href=\"javascript:loadAlbum('" + arrAlbums[x] + "');\"><img src=\"/thumbnails/"  + arrAlbums[x] +  "/"  + arrAlbums[x+1] + "\" border=\"0\"></a></td></tr>"
					displayGalleries += "	<tr><td align=\"center\" class=\"thumbText\">" + arrAlbums[x+2] + "</td></tr>"
					displayGalleries += "	</table>"
					displayGalleries += "</td>"
				
				i += 1
				
				if (i == intPixPerRow)
				{
					displayGalleries += "</tr>"
				}
			}
		}
		while (i < intPixPerRow) {
			displayGalleries += "<td width=\"142\"></td>";
			i += 1;
			if (i == intPixPerRow) {
				displayGalleries += "</tr>";
			}
		}
		displayGalleries += "<tr><td colspan=\"5\" align=\"right\">";

		var intPageCounter = 1;
		var intPage = arrPages[0];
		var totalPages = arrPages[1];
		
		if (totalPages > 0) {
			while (intPageCounter <= totalPages) {
				if (intPageCounter == intPage) {
					displayGalleries += "<span class=\"paging_active\"><b>" + intPageCounter + "</b></span>";
				}
				else {
					displayGalleries += "<a class=\"tx11\" style=\"color:#000000;\" href=\"javascript:loadCategory('" + strCategoryID + "', '" + intPageCounter + "');\">" + intPageCounter + "</a>";
				}
				if (intPageCounter < totalPages) {
					displayGalleries += " | ";
				}
				intPageCounter += 1;
			}
		}
	
		displayGalleries += " &nbsp; &nbsp; &nbsp; </td><tr>";
		displayGalleries += "</table>";
			
		//Process and display the information
		document.getElementById("gallery").innerHTML = displayGalleries;
	} 
}