XMLHttpRequestObject = null;

function GetXMLHttpRequest() {
	var object = null;
	
	if (window.XMLHttpRequest) {
		object = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		try {
			object = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch(e) { }
		
		if (object == null) {
			try {
				object = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e) { }
		}
	}
	
	if (object == null) {
		alert("Sorry, your browser does not support AJAX.");
	}
	
	return object;
}

function RequestDisplayPic(picid) {
 var divContainer = document.getElementById("mainpic");
		if (divContainer) {
			divContainer.innerHTML = "<table width='500' height='500' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/image"+picid+".jpg' border='0' style='border: 5px solid #656363;'></td></tr></table>"; 
		}
}

function BackRequest()
{
	if (XMLHttpRequestObject == null) {
		XMLHttpRequestObject = new Array;
	}
	
	if(XMLHttpRequestObject[backId] != null) {
		return;
	}
	
	var requestObject = GetXMLHttpRequest();
	if (requestObject) {
		var backId = document.getElementById("backpage").value;
		var nextId = document.getElementById("nextpage").value;
		var divContainer = document.getElementById("DisplayPicRow");
		if (divContainer) {
			var table = "<table border='0' cellspacing='0' cellpadding='0' width='545'><tr>";
				table += "<td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='24' height='80' border='0' /></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "</tr></table>";			
			divContainer.innerHTML = table;
		}
		
	XMLHttpRequestObject[backId] = new Object();
	XMLHttpRequestObject[backId].requestObject = requestObject;

	requestObject.onreadystatechange = new Function ("DisplayBackRowPicOnProcess('" + backId + "')");
	
	URL = "pic-" + backId + ".html";

		requestObject.open("GET", URL, true);
		requestObject.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded; charset=UTF-8" );
		requestObject.send("");
	}
}

function DisplayBackRowPicOnProcess(backId) {
	if (XMLHttpRequestObject[backId].requestObject && XMLHttpRequestObject[backId].requestObject.readyState == 4) {
		if (XMLHttpRequestObject[backId].requestObject.status == 200) {
			var result = XMLHttpRequestObject[backId].requestObject.responseText;
			if (result == "busy") {
				alert("The server is busy. Try again.");
				XMLHttpRequestObject[backId] = null;
			} else {
				var divContainer = document.getElementById("DisplayPicRow");
				if (divContainer) {
					//var picid = backId - 5;
					if( backId == 8 )
					var picid = backId  - 4;
					else
					var picid = backId - 1;
					
					if( picid <= 0 )
					{
						picid = 0;
					}
					
					var table = "<table border='0' cellspacing='0' cellpadding='0' width='545'><tr>";
					
					if( picid == 0 ) {
						table += "<td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='24' height='80' border='0'><input type='hidden' id=\"backpage\" value='" + picid + "' />";
						table += "<td width='5'></td>";
					} else {
						table += "<td><a href=\"#top\" id=\"back\" onclick='BackRequest();'><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/icon-gallery-arrow-left.gif' id='back' width='24' height='80' border='0'><input type='hidden' id=\"backpage\" value='" + picid + "' /></td>";
						table += "<td width='5'></td>";
					}
					picid++;
					
					for( var idx = 1; idx <= 4; idx++)
					{
						if(picid >=10 ) {
							table += "<td><table width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='80' height='50' border='0' /></td></tr></table></td>";
							table += "<td width='5'></td>";
						} else {
							table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><a href=\"#top\" onClick=\"RequestDisplayPic("+picid+");\"><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/thumb"+picid+".jpg' id='pic"+idx+"' border='0'style='border: 2px solid #656363;></a></td></tr></table></td>";
							table += "<td width='5'></td>";
						}
						picid++;
					}

					if(picid >=10 ) {
						table += "<td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='24' height='80' border='0'><input type='hidden' id=\"nextpage\" value='" + picid + "' /></td>";
						table += "</tr></table>";
					} else {
						table += "<td><a href=\"#top\" id=\"next\" onclick='NextRequest();'><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/icon-gallery-arrow-right.gif' width='24' height='80' border='0'><input type='hidden' id=\"nextpage\" value='" + picid + "' /></td>";
						table += "</tr><table>";
					}
					divContainer.innerHTML = table;
				}
				
				XMLHttpRequestObject[backId] = null;
			}
		}
	}
}

function NextRequest()
{
 	 if (XMLHttpRequestObject == null) {
		XMLHttpRequestObject = new Array;
	}
	
	if(XMLHttpRequestObject[nextId] != null) {
		return;
	}
	
	var requestObject = GetXMLHttpRequest();
	if (requestObject) {
		var backId = document.getElementById("backpage").value;
		var nextId = document.getElementById("nextpage").value;
		var divContainer = document.getElementById("DisplayPicRow");
		if (divContainer) {
			var table = "<table border='0' cellspacing='0' cellpadding='0' width='545'><tr>";
				table += "<td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='24' height='80' border='0' /></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "<td width='5'></td>";
				table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/indicator.gif' width='16' height='16' border='0' /></td></tr></table></td>";
				table += "</tr></table>";
			
			divContainer.innerHTML = table;
		}
		
	XMLHttpRequestObject[nextId] = new Object();
	XMLHttpRequestObject[nextId].requestObject = requestObject;

	requestObject.onreadystatechange = new Function ("DisplayNextRowPicOnProcess('" + nextId + "')");
	
	URL = "pic-" + nextId + ".html";

		requestObject.open("GET", URL, true);
		requestObject.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded; charset=UTF-8" );
		requestObject.send("");
	}
}

function DisplayNextRowPicOnProcess(nextId) {
	if (XMLHttpRequestObject[nextId].requestObject && XMLHttpRequestObject[nextId].requestObject.readyState == 4) {
		if (XMLHttpRequestObject[nextId].requestObject.status == 200) {
			var result = XMLHttpRequestObject[nextId].requestObject.responseText;
			if (result == "busy") {
				alert("The server is busy. Try again.");
				XMLHttpRequestObject[nextId] = null;
			} else {
				var divContainer = document.getElementById("DisplayPicRow");
				if (divContainer) {
				if( nextId == 9 )
					var picid = nextId - 1;
					else
					var picid = nextId - 2;
					
					if( picid <= 0 )
						picid = 0;
					
						
					var table = "<table border='0' cellspacing='0' cellpadding='0' width='545'><tr>";
					
					if( picid == 0 ) {
						table += "<td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='24' height='80' border='0'><input type='hidden' id=\"nextpage\" value='" + picid + "' /></td>";
						table += "<td width='5'></td>";
					} else {
						table += "<td><a href=\"#top\" id=\"back\" onclick='BackRequest();'><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/icon-gallery-arrow-left.gif' id='back' width='24' height='80' border='0'><input type='hidden' id=\"backpage\" value='" + picid + "' /></td>";
						table += "<td width='5'></td>";
					}
					picid++;
					
					for( var idx = 1; idx <= 4; idx++)
					{
						if(picid >=10 ) {
							table += "<td><table width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='80' height='50' border='0' /></td></tr></table></td>";
							table += "<td width='5'></td>";
						} else {
							table += "<td><table bgcolor='#FFFFFF' width='80' height='80' border='0' cellpadding='0' cellspacing='0'><tr align='center' valign='middle'><td><a href=\"#top\" onClick=\"RequestDisplayPic("+picid+");\"><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/thumb"+picid+".jpg' id='pic"+idx+"' border='0' style='border: 2px solid #656363;'></a></td></tr></table></td>";
							table += "<td width='5'></td>";
						}
						picid++;
					}
					
					if(picid >=10 ) {
						table += "<td><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/spacer.gif' width='24' height='80' border='0'><input type='hidden' id=\"nextpage\" value='" + picid + "' /></td>";
						table += "</tr></table>";
					} else {
						table += "<td><a href=\"#top\" id=\"next\" onclick='NextRequest();'><img src='http://www.animax-lamb.com/Drupal_TW/0903/lamb_conference/displays/images/icon-gallery-arrow-right.gif' width='24' height='80' border='0'><input type='hidden' id=\"nextpage\" value='" + picid + "' /></td>";
						table += "</tr><table>";
					}
					divContainer.innerHTML = table;
				}
				
				XMLHttpRequestObject[nextId] = null;
			}
		}
	}
}