function ajaximagelibrary(imagegalleryid, uniqueid)
{
	var galleryEntries = new Array();

	$.ajax({
		url: "internalajax/imagegallery",
		type: "POST",
		data:
			{
				imagegalleryid: imagegalleryid
			},
		dataType: "xml",
		success: function(xml, textStatus)
			{
				$("imagegalleryoutput>imagegallery>images>image", xml).each(
					function(indexInArray, valueOfElement)
					{
						var entry = new GalleryEntry();
						entry.image = $("image", valueOfElement).text();
						entry.thumbnail = $("thumbnail", valueOfElement).text();
						galleryEntries[indexInArray] = entry;
					});
				//var gallerydate = $("imagegalleryoutput>imagegallery>formatteddate", xml).text();
				//var gallerytitle = $("imagegalleryoutput>imagegallery>title", xml).text();
				initGalleryImageAndButtonList(galleryEntries, uniqueid);
				
			},
		error: function (XMLHttpRequest, textStatus, errorThrown) 
			{
				alert("Fehler beim Laden der Bildgalerie.");
			},
		cache: false
	});
}

function GalleryEntry()
{
	var image;
	var thumbnail;
}

function initGalleryImageAndButtonList(galleryEntries, uniqueid)
{
	var buttonList = $("#"+uniqueid+"buttonlist");
	buttonList.children().remove();
	buttonList.text("");

	for(var i = 0; i < galleryEntries.length; i++)
	{
		var button = createButton(galleryEntries, uniqueid, i);
		buttonList.append(button);
	}
	changeActiveItemAndLoadBigImage(galleryEntries, uniqueid, 0);
}

function createButton(galleryEntries, uniqueid, index)
{
	var button = $("<img src=\"media/hover-galerie-inactive.gif\" alt=\"\"/>");
	button.attr('id', uniqueid+"button"+index);
	button.hover(
		function() {
		changeActiveItemAndLoadBigImage(galleryEntries, uniqueid, index);
		}
	);
	return button;
}

function changeActiveItemAndLoadBigImage(galleryEntries, uniqueid, activeIndex)
{
	for(var i = 0; i < galleryEntries.length; i++)
	{
		var button = $("#"+uniqueid+"button"+i);
		if(activeIndex == i)
		{
			button.attr('src', "media/hover-galerie-active.gif");
		}
		else
		{
			button.attr('src', "media/hover-galerie-inactive.gif");
		}
	}
	
	var bigImage = $("#"+uniqueid+"bigimage");
	bigImage.attr('src', galleryEntries[activeIndex].image);
}