// JavaScript Document

var imageContainer = null;

function displayImage_v1(imageUrl)
{
	if (imageContainer == null)
	{
		imageContainer = new Array
		(
			document.createElement("div"),
			new Image(),
			document.createElement("a"),
			document.createTextNode("(X)")
		);


		imageContainer[0].appendChild(imageContainer[1]);	// Bild an div hängen
		imageContainer[0].appendChild(imageContainer[2]);	// Link an div hängen
		imageContainer[2].appendChild(imageContainer[3]);	// LinkText an Link anhängen
		imageContainer[0].id  = "imageContainer";
		
		//alert(pageSizeX());
		
		imageContainer[0].style.top = 162 + pageOffsetY();
		imageContainer[0].style.left = (pageSizeX() / 2) - 207;

		imageContainer[1].src = imageUrl;
		imageContainer[2].href = "javascript:displayImage('');";
		imageContainer[2].border = 0;
		
		document.getElementsByTagName("body")[0].appendChild(imageContainer[0]);
	}
	else
	{
		var src = imageContainer[1].src;

		imageContainer[2].removeChild(imageContainer[3]);	// LinkText löschen
		imageContainer[0].removeChild(imageContainer[2]);	// Link aus div entfernen
		imageContainer[0].removeChild(imageContainer[1]);	// Bild aus div entfernen

		document.getElementsByTagName("body")[0].removeChild(imageContainer[0]); // div entfernen

		delete imageContainer;
		imageContainer = null;
		
		if ((imageUrl != "") && (imageUrl != src))
		{
			displayImage(imageUrl);
		}
	}
}

function displayImage(imageUrl)
{
	if (imageContainer == null)
	{
		imageContainer = new Array
		(
			document.createElement("div"),
			new Image(),
			document.createElement("a"),
			new Image()
		);


		imageContainer[0].appendChild(imageContainer[1]);	// Bild an div hängen
		imageContainer[0].appendChild(imageContainer[2]);	// Link an div hängen
		imageContainer[2].appendChild(imageContainer[3]);	// LinkText an Link anhängen
		imageContainer[0].id  = "imageContainer";
		
		//alert(pageSizeX());
		
		imageContainer[0].style.top = 162 + pageOffsetY();
		imageContainer[0].style.left = (pageSizeX() / 2) - 207;
		
		imageContainer[1].src = imageUrl;
		imageContainer[2].href = "javascript:displayImage('');";
		imageContainer[3].src = "/images/webelemente/close.gif";
		imageContainer[2].style.border = 1;
		
		document.getElementsByTagName("body")[0].appendChild(imageContainer[0]);
	}
	else
	{
		var src = imageContainer[1].src;

		imageContainer[2].removeChild(imageContainer[3]);	// LinkText löschen
		imageContainer[0].removeChild(imageContainer[2]);	// Link aus div entfernen
		imageContainer[0].removeChild(imageContainer[1]);	// Bild aus div entfernen

		document.getElementsByTagName("body")[0].removeChild(imageContainer[0]); // div entfernen

		delete imageContainer;
		imageContainer = null;
		
		if ((imageUrl != "") && (imageUrl != src))
		{
			displayImage(imageUrl);
		}
	}
}