// JavaScript Document
var pictureIndex;
var pictureMax;

var thumbnailsIndex;
var thumbnailsMax;

var albumIndex;
var albumMax;

var pictureBack = "<img title=\"Previous Picture\" onclick=\"loadBack()\" src=\"Slideshow/Images/meta/previous.jpg\" onmouseover=\"id='pictureBackHover'\" onmouseout=\"id=''\" />";
var pictureBackFirst = "<img id=\"pictureBackFirst\" title=\"Previous Picture\" src=\"Slideshow/Images/meta/previous.jpg\" />";

var pictureForward = "<img title=\"Next Picture\" onclick=\"loadForward()\" src=\"Slideshow/Images/meta/next.jpg\" onmouseover=\"id='pictureForwardHover'\" onmouseout=\"id=''\" />";
var pictureForwardLast = "<img id=\"pictureForwardLast\" title=\"Next Picture\" src=\"Slideshow/Images/meta/next.jpg\" />";

var pictureFastBack = "<img title=\"First Picture\" onclick=\"loadPicture(0)\" src=\"Slideshow/Images/meta/fastBack.jpg\" onmouseover=\"id='pictureFastBackHover'\" onmouseout=\"id=''\" />";
var pictureFastBackOpaq = "<img id=\"pictureFastBackOpaq\" title=\"First Picture\" src=\"Slideshow/Images/meta/fastBack.jpg\" />";

var pictureFastForward = "<img title=\"Last Picture\" onclick=\"loadPictureLast()\" src=\"Slideshow/Images/meta/fastForward.jpg\" onmouseover=\"id='pictureFastBackHover'\" onmouseout=\"id=''\" />";
var pictureFastForwardOpaq = "<img id=\"pictureFastBackOpaq\" title=\"Last Picture\" src=\"Slideshow/Images/meta/fastForward.jpg\" />";

var thumbnailsImage = "<img title=\"Thumbnails\" onclick='loadThumbnails()' src='Slideshow/Images/meta/thumbnails.jpg' onmouseover=\"id='pictureThumbnailsHover'\" onmouseout=\"id=''\" />";
var thumbnailsImageOpaq = "<img id=\"pictureThumbnailsOpaq\" title=\"Thumbnails\" src='Slideshow/Images/meta/thumbnails.jpg' />";

var thumbnailsBack = "<img title=\"Previous Set of Thumbnails\" onclick=\"loadThumbnailsBack()\" src=\"Slideshow/Images/meta/previous.jpg\" onmouseover=\"id='pictureBackHover'\" onmouseout=\"id=''\" />";
var thumbnailsBackOpaq = "<img id=\"pictureBackFirst\" title=\"Previous Set of Thumbnails\" src=\"Slideshow/Images/meta/previous.jpg\" />";

var thumbnailsForward = "<img title=\"Next Set of Thumbnails\" onclick=\"loadThumbnailsForward()\" src=\"Slideshow/Images/meta/next.jpg\" onmouseover=\"id='pictureForwardHover'\" onmouseout=\"id=''\" />";
var thumbnailsForwardOpaq = "<img id=\"pictureForwardLast\" title=\"Next Set of Thumbnails\" src=\"Slideshow/Images/meta/next.jpg\" />";

var thumbnailsFastBack = "<img title=\"First Picture\" onclick=\"loadThumbnailsFirst()\" src=\"Slideshow/Images/meta/fastBack.jpg\" onmouseover=\"id='pictureFastBackHover'\" onmouseout=\"id=''\" />";
var thumbnailsFastBackOpaq = "<img id=\"pictureFastBackOpaq\" title=\"First Set of Thumbnails\" src=\"Slideshow/Images/meta/fastBack.jpg\" />";

var thumbnailsFastForward = "<img title=\"Last Set of Thumbnails\" onclick=\"loadThumbnailsLast()\" src=\"Slideshow/Images/meta/fastForward.jpg\" onmouseover=\"id='pictureFastForwardHover'\" onmouseout=\"id=''\" />";
var thumbnailsFastForwardOpaq = "<img id=\"pictureFastForwardOpaq\" title=\"Last Set of Thumbnails\" src=\"Slideshow/Images/meta/fastForward.jpg\" />";

var albumsImage = "<img title=\"Albums\" onclick=\"loadAlbums()\" src=\"Slideshow/Images/meta/albums.jpg\" onmouseover=\"id='pictureAlbumHover'\" onmouseout=\"id=''\" />";
var albumsImageOpaq = "<img id=\"pictureAlbumOpaq\" title=\"Albums\" src=\"Slideshow/Images/meta/albums.jpg\" />";

var albumsBack = "<img title=\"Previous Set of Albums\" onclick=\"loadAlbumBack()\" src=\"Slideshow/Images/meta/previous.jpg\" onmouseover=\"id='pictureBackHover'\" onmouseout=\"id=''\" />";
var albumsBackOpaq = "<img id=\"pictureBackFirst\" title=\"Previous Set of Albums\" src=\"Slideshow/Images/meta/previous.jpg\" />";

var albumsForward = "<img title=\"Next Set of Albums\" onclick=\"loadAlbumForward()\" src=\"Slideshow/Images/meta/next.jpg\" onmouseover=\"id='pictureForwardHover'\" onmouseout=\"id=''\" />";
var albumsForwardOpaq = "<img id=\"pictureForwardLast\" title=\"Next Set of Albums\" src=\"Slideshow/Images/meta/next.jpg\" />";

var albumsFastBack = "<img title=\"First Set of Albums\" onclick=\"loadAlbumFirst()\" src=\"Slideshow/Images/meta/fastBack.jpg\" onmouseover=\"id='pictureFastBackHover'\" onmouseout=\"id=''\" />";
var albumsFastBackOpaq = "<img id=\"pictureFastBackOpaq\" title=\"First Set of Albums\" src=\"Slideshow/Images/meta/fastBack.jpg\" />";

var albumsFastForward = "<img title=\"Last Set of Albums\" onclick=\"loadAlbumLast()\" src=\"Slideshow/Images/meta/fastForward.jpg\" onmouseover=\"id='pictureFastBackHover'\" onmouseout=\"id=''\" />";
var albumsFastForwardOpaq = "<img id=\"pictureFastForwardOpaq\" title=\"Last Set of Albums\" src=\"Slideshow/Images/meta/fastForward.jpg\" />";

var albumImage;
var albumName;

var getAlbumMaxXmlHttp;
var getAlbumMaxUrl;

var updateAlbumsXmlHttp;
var updateAlbumsUrl;

var updatePictureXmlHttp;
var updatePictureUrl;

var updateBackXmlHttp;
var updateBackUrl;

var updateForwardXmlHttp;
var updateForwardUrl;

var updateIndexXmlHttp;
var updateIndexUrl;

function slideshow() {
	document.getElementById("slideshow").style.visibility = "visible";
	document.getElementById("main").className = "TransOn";
	
	albumIndex=0;
	albumMax=0;
	pictureIndex=0;
	
	updateAlbumsImage(false);
	updateBack(true);
	updateForward(true);
	updateFastBack(true);
	updateFastForward(true);
	updateThumbnailsImage(true);
	
	loadAlbums();
}

function closeSlideshow() {
	document.getElementById("slideshow").style.visibility = "hidden";
	document.getElementById("main").className = "";
}

function loadAlbum(album) {	
	albumName = album;
	pictureIndex = 0;
	
	loadPicture(pictureIndex);
	
	document.getElementById("albumName").innerHTML = "Album: " + album;
}

function loadAlbums() {
		
	getAlbumMax();
	
	updateAlbumsImage(true);
	
	document.getElementById("albumName").innerHTML = "Albums";
	
	if (albumIndex == 0) {
		updateAlbumsBack(true);
		updateAlbumsFastBack(true);
	}else {
		updateAlbumsBack(false);
		updateAlbumsFastBack(false);
	}
	
	if (albumIndex == albumMax) {
		updateAlbumsForward(true);
		updateAlbumsFastForward(true);
	}else {
		updateAlbumsForward(false);
		updateAlbumsFastForward(false);
	}
	
	updateThumbnailsImage(true);

	updateAlbums();
	updateAlbumsIndex();
}

function loadAlbumFirst() {
	albumIndex = 0;
	loadAlbums();
}

function loadAlbumLast() {
	albumIndex = albumMax;
	loadAlbums();
}

function loadAlbumBack() {
	if (albumIndex == 0)
		return;
	
	albumIndex -= 8;
	updateAlbumsIndex();
	updateAlbums();
	
	if (albumIndex == 0) {
		updateAlbumsBack(true);
		updateAlbumsFastBack(true);
	}
		
	if (albumIndex == (albumMax-8)) {
		updateAlbumsForward(false);
		updateAlbumsFastForward(false);
	}
}

function loadAlbumForward() {
	if (albumIndex == albumMax)
		return;
	
	albumIndex += 8;
	loadAlbums();
	updateAlbumsIndex();
	updateAlbums();
	
	if (albumIndex == 8) {
		updateAlbumsBack(false);
		updateAlbumsFastBack(false);
	}
		
	if (albumIndex == albumMax) {
		updateAlbumsForward(true);
		updateAlbumsFastForward(true);
	}
}


function loadPicture(index) {
	getPictureMax();
	pictureIndex = index;
	updatePicture();
	updateIndex();
	
	updateAlbumsImage(false);
	updateThumbnailsImage(false);
	
	if (pictureIndex == 0) {
		updateBack(true);
		updateFastBack(true);
	}else {
		updateBack(false);
		updateFastBack(false);
	}
		
	if (pictureIndex == pictureMax-1) {
		updateForward(true);
		updateFastForward(true);
	}else {
		updateForward(false);
		updateFastForward(false);
	}
}

function loadBack() {
	if (pictureIndex == 0)
		return;
	
	pictureIndex--;
	updatePicture();
	updateIndex();
	
	if (pictureIndex == 0) {
		updateBack(true);
		updateFastBack(true);
	}
	
	if (pictureIndex == pictureMax-2) {
		updateForward(false);
		updateFastForward(false);
	}
}

function loadForward() {
	if (pictureIndex ==	pictureMax-1)
		return;
	
	pictureIndex++;
	updatePicture();
	updateIndex();
	
	if (pictureIndex == 1) {
		updateBack(false);
		updateFastBack(false);
	}
		
	if (pictureIndex == pictureMax-1) {
		updateForward(true);
		updateFastForward(true);
	}
}

function loadPictureLast() {
	loadPicture(pictureMax-1);	
}

function loadThumbnails() {
	updateBack(true);
	updateForward(true);
	updateFastBack(true);
	updateFastForward(true);
	updateThumbnailsImage(true);

	thumbnailsIndex = parseInt(pictureIndex/16)*16;

	document.getElementById("pictureIndex").innerHTML = "Thumbnails: Set " + (thumbnailsIndex/16+1) + " of " + (parseInt(thumbnailsMax/16+1));

	updateThumbnails();

	if (thumbnailsIndex == 0) {
		updateThumbIndexBack(true);
		updateThumbIndexFastBack(true);
	}else {
		updateThumbIndexBack(false);
		updateThumbIndexFastBack(false);
	}
	
	if (thumbnailsIndex == thumbnailsMax) {
		updateThumbIndexForward(true);
		updateThumbIndexFastForward(true);
	}else {
		updateThumbIndexForward(false);
		updateThumbIndexFastForward(false);
	}
}

function loadThumbnailsFirst() {
	pictureIndex = 0;
	loadThumbnails();
}

function loadThumbnailsLast() {
	pictureIndex = pictureMax;
	loadThumbnails();
}

function loadThumbnailsBack() {
	if (thumbnailsIndex == 0)
		return;
	
	thumbnailsIndex -= 16;
	updateThumbnails();
	
	if (thumbnailsIndex == 0) {
		updateThumbIndexBack(true);
		updateThumbIndexFastBack(true);
	}
		
	if (thumbnailsIndex == (thumbnailsMax-16)) {
		updateThumbIndexForward(false);
		updateThumbIndexFastForward(false);
	}
}

function loadThumbnailsForward() {
	if (thumbnailsIndex == thumbnailsMax)
		return;
	
	thumbnailsIndex += 16;
	updateThumbnails();
	
	if (thumbnailsIndex == 16) {
		updateThumbIndexBack(false);
		updateThumbIndexFastBack(false);
	}
		
	if (thumbnailsIndex == thumbnailsMax) {
		updateThumbIndexForward(true);
		updateThumbIndexFastForward(true);
	}
}

function getCategoryNamesGetXmlHttpObject() {
	getCategoryNamesXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  getCategoryNamesXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			getCategoryNamesXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			getCategoryNamesXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return getCategoryNamesXmlHttp;
}

function getCategoryNames() {
	getCategoryNamesXmlHttp = getCategoryNamesGetXmlHttpObject();
	
	if (getCategoryNamesXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}

	getCategoryNamesUrl = "Slideshow/getCategoryNames.php";
	getCategoryNamesUrl = getCategoryNamesUrl + "?category=" + Math.random();
	getCategoryNamesUrl = getCategoryNamesUrl + "&sid=" + Math.random();
	getCategoryNamesXmlHttp.onreadystatechange = getCategoryNamesStateChanged;
	getCategoryNamesXmlHttp.open("GET",getCategoryNamesUrl,true);
	getCategoryNamesXmlHttp.send(null);
}

function getCategoryNamesStateChanged() {
	if (getCategoryNamesXmlHttp.readyState==4 || getCategoryNamesXmlHttp.readyState=="complete") {
		/*albumContent = getCategoryNamesXmlHttp.responseText;
		albumArray = new Array(albumContent)
		alert(albumArray[0]);*/
		document.getElementById("categoryNav").innerHTML = getCategoryNamesXmlHttp.responseText;
		alert(document.getElementById("categoryNav").innerHTML);
	}
}

function getAlbumNamesGetXmlHttpObject() {
	getAlbumNamesXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  getAlbumNamesXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			getAlbumNamesXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			getAlbumNamesXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return getAlbumNamesXmlHttp;
}

function getAlbumNames(category) {
	getAlbumNamesXmlHttp = getAlbumNamesGetXmlHttpObject();
	
	if (getAlbumNamesXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}
	
	categoryName = category;

	getAlbumNamesUrl = "Slideshow/getAlbumNames.php";
	getAlbumNamesUrl = getAlbumNamesUrl + "?sid=" + Math.random();
	getAlbumNamesXmlHttp.onreadystatechange = getAlbumNamesStateChanged;
	getAlbumNamesXmlHttp.open("GET",getAlbumNamesUrl,true);
	getAlbumNamesXmlHttp.send(null);
}

function getAlbumNamesStateChanged() {
	if (getAlbumNamesXmlHttp.readyState==4 || getAlbumNamesXmlHttp.readyState=="complete") {
		/*albumContent = getAlbumNamesXmlHttp.responseText;
		albumArray = new Array(albumContent)
		alert(albumArray[0]);*/
		document.getElementById("albumNav").innerHTML = getAlbumNamesXmlHttp.responseText;
	}
}

function getAlbumMaxGetXmlHttpObject() {
	getAlbumMaxXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  getAlbumMaxXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			getAlbumMaxXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			getAlbumMaxXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return getAlbumMaxXmlHttp;
}

function getAlbumMax() {
	getAlbumMaxXmlHttp = getAlbumMaxGetXmlHttpObject();
	
	if (getAlbumMaxXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}

	getAlbumMaxUrl = "Slideshow/getAlbumMax.php";
	getAlbumMaxUrl = getAlbumMaxUrl + "?sid=" + Math.random();
	getAlbumMaxXmlHttp.open("GET",getAlbumMaxUrl,false);
	getAlbumMaxXmlHttp.send(null);
	
	albumMax = parseInt(getAlbumMaxXmlHttp.responseText);
	
	albumMax = parseInt((albumMax-1)/8);
	albumMax *= 8;
}

function getPictureMaxGetXmlHttpObject() {
	getPictureMaxXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  getPictureMaxXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			getPictureMaxXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			getPictureMaxXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return getPictureMaxXmlHttp;
}

function getPictureMax() {
	getPictureMaxXmlHttp = getPictureMaxGetXmlHttpObject();
	
	if (getPictureMaxXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}

	getPictureMaxUrl = "Slideshow/getPictureMax.php";
	getPictureMaxUrl = getPictureMaxUrl + "?album=" + albumName;
	getPictureMaxUrl = getPictureMaxUrl + "&sid=" + Math.random();
	getPictureMaxXmlHttp.open("GET",getPictureMaxUrl,false);
	getPictureMaxXmlHttp.send(null);

	pictureMax = parseInt(getPictureMaxXmlHttp.responseText);
	
	updateIndex();
	
	thumbnailsMax = parseInt((pictureMax-1)/16);
	thumbnailsMax *= 16;
}

function updateAlbumsImage(opaq) {
	if (opaq)
		document.getElementById("pictureAlbum").innerHTML = albumsImageOpaq;
	else
		document.getElementById("pictureAlbum").innerHTML = albumsImage;
}

function updateAlbumsGetXmlHttpObject() {
	updateAlbumsXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  updateAlbumsXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			updateAlbumsXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			updateAlbumsXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return updateAlbumsXmlHttp;
}

function updateAlbums() {
	updateAlbumsXmlHttp = updateAlbumsGetXmlHttpObject();
	
	if (updateAlbumsXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}

	updateAlbumsUrl = "Slideshow/updateAlbums.php";
	updateAlbumsUrl = updateAlbumsUrl + "?start=" + albumIndex;
	updateAlbumsUrl = updateAlbumsUrl + "&sid="+Math.random();
	updateAlbumsXmlHttp.onreadystatechange = updateAlbumsStateChanged;
	updateAlbumsXmlHttp.open("GET",updateAlbumsUrl,true);
	updateAlbumsXmlHttp.send(null);
}

function updateAlbumsStateChanged() {
	if (updateAlbumsXmlHttp.readyState==4 || updateAlbumsXmlHttp.readyState=="complete") {
		document.getElementById("picture").innerHTML = updateAlbumsXmlHttp.responseText;
	}
}

function updateAlbumsIndex() {
	document.getElementById("pictureIndex").innerHTML = "Set " + (parseInt(albumIndex/8)+1) + " of " + (parseInt(albumMax/8)+1);
}

function updateAlbumsBack(opaq) {
	if (opaq)
		document.getElementById("pictureBack").innerHTML = albumsBackOpaq;
	else
		document.getElementById("pictureBack").innerHTML = albumsBack;
}

function updateAlbumsFastBack(opaq) {
	if (opaq)
		document.getElementById("pictureFastBack").innerHTML = albumsFastBackOpaq;
	else
		document.getElementById("pictureFastBack").innerHTML = albumsFastBack;
}

function updateAlbumsForward(opaq) {
	if (opaq)
		document.getElementById("pictureForward").innerHTML = albumsForwardOpaq;
	else
		document.getElementById("pictureForward").innerHTML = albumsForward;
}

function updateAlbumsFastForward(opaq) {
	if (opaq)
		document.getElementById("pictureFastForward").innerHTML = albumsFastForwardOpaq;
	else
		document.getElementById("pictureFastForward").innerHTML = albumsFastForward;
}

function updatePictureGetXmlHttpObject() {
	updatePictureXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  updatePictureXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			updatePictureXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			updatePictureXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return updatePictureXmlHttp;
}

function updatePicture() {
	updatePictureXmlHttp = updatePictureGetXmlHttpObject();
	
	if (updatePictureXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}

	updatePictureUrl = "Slideshow/updatePicture.php";
	updatePictureUrl = updatePictureUrl + "?index=" + pictureIndex;
	updatePictureUrl = updatePictureUrl + "&album=" + albumName;
	updatePictureUrl = updatePictureUrl + "&sid="+Math.random();
	updatePictureXmlHttp.onreadystatechange = updatePictureStateChanged;
	updatePictureXmlHttp.open("GET",updatePictureUrl,true);
	updatePictureXmlHttp.send(null);
}

function updatePictureStateChanged() {
	if (updatePictureXmlHttp.readyState==4 || updatePictureXmlHttp.readyState=="complete") {
		document.getElementById("picture").innerHTML = updatePictureXmlHttp.responseText;
	}
}

function updateBack(first) {

if (first)
		document.getElementById("pictureBack").innerHTML = pictureBackFirst;
	else
		document.getElementById("pictureBack").innerHTML = pictureBack;
}

function updateForward(last) {

	if (last)
		document.getElementById("pictureForward").innerHTML = pictureForwardLast;
	else
		document.getElementById("pictureForward").innerHTML = pictureForward;
}

function updateIndex() {
	document.getElementById("pictureIndex").innerHTML = (pictureIndex+1) + " of " + pictureMax;
}

function updateFastBack(opaq) {
	if (opaq)
		document.getElementById("pictureFastBack").innerHTML = pictureFastBackOpaq;
	else
		document.getElementById("pictureFastBack").innerHTML = pictureFastBack;
}

function updateFastForward(opaq) {
	if (opaq)
		document.getElementById("pictureFastForward").innerHTML = pictureFastForwardOpaq;
	else
		document.getElementById("pictureFastForward").innerHTML = pictureFastForward;
}

function updateThumbnailsImage(opaq) {

	if (opaq)
		document.getElementById("pictureThumbnails").innerHTML = thumbnailsImageOpaq;
	else
		document.getElementById("pictureThumbnails").innerHTML = thumbnailsImage;
}

function updateThumbnailsGetXmlHttpObject() {
	updateThumbnailsXmlHttp=null;
	
	try {
	  // Firefox, Opera 8.0+, Safari
	  updateThumbnailsXmlHttp=new XMLHttpRequest();
	}catch (e) {
	  // Internet Explorer
		try {
			updateThumbnailsXmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e) {
			updateThumbnailsXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	
	return updateThumbnailsXmlHttp;
}

function updateThumbnails() {
	updateThumbnailsXmlHttp = updateThumbnailsGetXmlHttpObject();
	
	if (updateThumbnailsXmlHttp==null) {
		alert("Your browser does not support AJAX!");
		return;
	}

	updateThumbnailsUrl = "Slideshow/updateThumbnails.php";
	updateThumbnailsUrl = updateThumbnailsUrl + "?album=" + albumName;
	updateThumbnailsUrl = updateThumbnailsUrl + "&start=" + thumbnailsIndex;
	updateThumbnailsUrl = updateThumbnailsUrl + "&sid="+Math.random();
	updateThumbnailsXmlHttp.onreadystatechange = updateThumbnailsStateChanged;
	updateThumbnailsXmlHttp.open("GET",updateThumbnailsUrl,true);
	updateThumbnailsXmlHttp.send(null);
}

function updateThumbnailsStateChanged() {
	if (updateThumbnailsXmlHttp.readyState==4 || updateThumbnailsXmlHttp.readyState=="complete") {
		document.getElementById("picture").innerHTML = updateThumbnailsXmlHttp.responseText;
	}
}

function updateThumbIndexBack(opaq) {

	if (opaq)
		document.getElementById("pictureBack").innerHTML = thumbnailsBackOpaq;
	else
		document.getElementById("pictureBack").innerHTML = thumbnailsBack;
}

function updateThumbIndexForward(opaq) {

	if (opaq)
		document.getElementById("pictureForward").innerHTML = thumbnailsForwardOpaq;
	else
		document.getElementById("pictureForward").innerHTML = thumbnailsForward;
}

function updateThumbIndexFastBack(opaq) {
	if (opaq)
		document.getElementById("pictureFastBack").innerHTML = thumbnailsFastBackOpaq;
	else
		document.getElementById("pictureFastBack").innerHTML = thumbnailsFastBack;
}

function updateThumbIndexFastForward(opaq) {
	if (opaq)
		document.getElementById("pictureFastForward").innerHTML = thumbnailsFastForwardOpaq;
	else
		document.getElementById("pictureFastForward").innerHTML = thumbnailsFastForward;
}