// JavaScript Document

// This ajax function gets the next four images based on page number.
function get_images()
{	
	// 1. Construct external resource path - to the ajax php file.
	var thisdate = new Date();
	var a = thisdate.getTime();
	// Get info from user.
	var page_number = document.forms.f2.page_number.value;
	
	serverPage = "php_scripts/upload_images_ajax.php?type=get_images&time=" + a;
	serverPage += "&page_number=" + page_number;
	
	// 2. Instantiate xmlhttpobject
	xmlhttp = getxmlhttp();
	
	// 3. Make GET / POST request (GET/POST, path to resource)
	xmlhttp.open("GET", serverPage);
	
	// 4. Insert event handler for return data
	xmlhttp.onreadystatechange = function()
	{
		if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
		{
			var return_html = xmlhttp.responseText;
			var images_return = document.getElementById("images_div");
			images_return.innerHTML = return_html;
			if(document.forms.f2.reset_flag.value == '1')
			{
				document.forms.f2.page_number.value = '0';
			}
			// document.forms.f2.images_div.innerHTML = return_html;
			// alert(return_html);
		}
	}
	xmlhttp.send(null);
}