//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("You must update your browser.");
	}
}

//Our XmlHttpRequest object to get the auto suggest
var obj = getXmlHttpRequestObject();
var photogal_root = '/photogal/';

function getAlbumOptions(cat)
{
	if (cat == undefined) { cat = ''; }
	document.getElementById('filter_cat').value = cat;
	
	new Ajax.Updater(
    'album_options',
    photogal_root + 'ajax_albumoptions.php?cat=' + cat,
    {
      evalScripts: true,
      onComplete: getImageThumbs()
    }
  );
	
//	if (obj.readyState == 4 || obj.readyState == 0) {
//		obj.open("GET", photogal_root + 'ajax_albumoptions.php?cat=' + cat , true);
//		obj.onreadystatechange = function ()
//		{
//			if (obj.readyState == 4)
//			{
//				var ss = document.getElementById('album_options');
//				ss.innerHTML = '';
//				var str = obj.responseText;
//				ss.innerHTML = str;
//				getImageThumbs();
//			}
//		}; 
//		obj.send(null);
//	}		
}

function getImageThumbs(album, page)
{
	if (album == undefined) { album = ''; }
	if (page == undefined) { page = ''; }

	var cat = document.getElementById('filter_cat').value;
	document.getElementById('filter_album').value = album;

	new Ajax.Updater(
    'image_thumbs',
    photogal_root + 'ajax_imagethumbs.php?album=' + album + '&cat=' + cat + '&page=' + page,
    {
      evalScripts: true
    }
  );

//	if (obj.readyState == 4 || obj.readyState == 0) {
//		obj.open("GET", photogal_root + 'ajax_imagethumbs.php?album=' + album + '&cat=' + cat + '&page=' + page , true);
//		obj.onreadystatechange = function ()
//		{
//			if (obj.readyState == 4)
//			{
//				var ss = document.getElementById('image_thumbs');
//				ss.innerHTML = '';
//				var str = obj.responseText;
//				ss.innerHTML = str;
//				
//				if(document.getElementById('image_display').innerHTML == '')
//				{
//					showImage();
//				}
//			}
//		}; 
//		obj.send(null);
//	}		
}

function getImageThumbsPage(page) 
{
	if (page == undefined) { page = ''; }
	album = document.getElementById('filter_album').value;
	getImageThumbs(album, page);	
}

function showImage(id)
{
  new Ajax.Updater(
    'image_display',
    photogal_root + 'ajax_imagelarge.php?id=' + id,
    {
      evalScripts: true
    }
  );
//	if (obj.readyState == 4 || obj.readyState == 0)
//	{
//		
//		obj.open("GET", photogal_root + 'ajax_imagelarge.php?id=' + id , true);
//		obj.onreadystatechange = function ()
//		{
//			if (obj.readyState == 4)
//			{
//				var ss = document.getElementById('image_display');
//				ss.innerHTML = '';
//				var str = obj.responseText;
//				ss.innerHTML = str;
//			}
//		}; 
//		obj.send(null);
//	}		
}

//Called when the AJAX response is returned.
function checkState() {
	if (obj.readyState == 4) {
		var ss = document.getElementById('filter_album');
		ss.innerHTML = '';
		var str = obj.responseText;
		ss.innerHTML = str;
	}
}