// 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[0].style.top = 0 + pageOffsetY();
		imageContainer[0].style.left = (pageSizeX() / 2) - 0;
		
		imageContainer[1].src = imageUrl;
		imageContainer[2].href = "javascript:displayImage('');";
		
		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[0].style.top = 100 + pageOffsetY();
		imageContainer[0].style.left = (pageSizeX() / 2) - 450;
		
		imageContainer[1].src = imageUrl;
		imageContainer[2].href = "javascript:displayImage('');";
		imageContainer[3].src = "/images/webelemente/close.gif";
		
		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);
		}
	}
}