
function hideImage()
	{
		hideImageLayer();
	}

function hideImageLayer()
	{
		document.getElementById( IMAGE_LAYER_ID ).style.visibility = "hidden";            
	}

function initImage()
	{
		document.writeln( '<style type="text/css">' +
											'#' + IMAGE_LAYER_ID +
												'{' +
													'background-color:#F3F3F3;' +
													'font-size:11px;' +
													'color:#666666;' +
													'font-weight:bold;' +
													'border:darkgray 1px solid;' +
													'left:0px;' +
													'text-align:center;' +
													'padding:1px;' +
													'position:absolute;' +
													'top:0px;' +
													'visibility:hidden;' +
												'}' +
											'</style>' );
		document.write( '<div id="' + IMAGE_LAYER_ID + '"></div>' );
	}

function showImageLayer( imageSrc, imageLayerWidth, imageLayerHeight, imageLayerHeadline )
	{
		var scrollFieldWidth = imageLayerWidth + 75;
		var imageLayer = document.getElementById( IMAGE_LAYER_ID );
		var imageLayerStyle = imageLayer.style;
		if (imageSrc == 'gif/eintrag_baulex.gif')
			{
				imageLayer.innerHTML = "<table style='width:" + imageLayerWidth + "px'>" +
																	"<tr>" +
																		"<td class=\"list_header\"align=\"center\" vailgn=\"center\">" + imageLayerHeadline + "</td>" +
																	"</tr>" +
																	'<tr>' +
																		'<td>' +
																			"<div style=\"white-space:nowrap; overflow: auto; width:" + scrollFieldWidth + "; height:500\">" +
																				'<table border="0">' +
																					'<tr>' +
																						'<td style="text-align:justify">' +
																							'<table align="left" border="0">' +
																								'<tr>' +
																									"<td class=\"show_image\" align=\"center\" vailgn=\"center\" height=" + imageLayerHeight + "><img src=\"" + imageSrc + "\"></td>" +
																								'</tr>' +
																							'</table>' +
																						'</td>' +
																					'</tr>' +
																				'</table>' +
																			'</div>' +
																		'</td>' +
																	'</tr>' +
																	"<tr>" +
																			"<td align=\"center\" vailgn=\"center\"><input onclick=javascript:hideImageLayer(); onmouseover=this.style.cursor=\'hand\'; type=button value='Schließen'></td>" +
																		"</tr>" +
																"</table>";

				var documentWidth = document.body.offsetWidth > screen.availWidth ? document.body.offsetWidth : screen.availWidth;
				var layerLeft = parseInt( ( documentWidth - imageLayerWidth ) / 2 );
				imageLayerStyle.left = ( layerLeft > 0 ? layerLeft : 10 ); 
				imageLayerStyle.top = 150; 
				imageLayerStyle.visibility = "visible";
			}
		else
			{
				imageLayer.innerHTML = "<table style='width:" + imageLayerWidth + "px'>" +
																	"<tr>" +
																		"<td class=\"list_header\"align=\"center\" vailgn=\"center\">" + imageLayerHeadline + "</td>" +
																	"</tr>" +
																	"<tr>" +
																		"<td class=\"show_image\" align=\"center\" vailgn=\"center\" height=" + imageLayerHeight + "><img src=\"" + imageSrc + "\"></td>" +
																	"</tr>";
					if (imageSrc == 'gif/eintrag_baulinks.gif')
						{	
							imageLayer.innerHTML +=
																		"<tr>" +
																			"<td align=\"center\" vailgn=\"center\"><input onclick=javascript:hideImageLayer(); onmouseover=this.style.cursor=\'hand\'; type=button value='Schließen'></td>" +
																		"</tr>";
						}
				imageLayer.innerHTML += "</table>";

				if (imageSrc == 'gif/eintrag_baulinks.gif')
					{	
						var documentWidth = document.body.offsetWidth > screen.availWidth ? document.body.offsetWidth : screen.availWidth;
						var layerLeft = parseInt( ( documentWidth - imageLayerWidth ) / 2 );
						imageLayerStyle.left = ( layerLeft > 0 ? layerLeft : 10 ); 
						imageLayerStyle.top = 150; 
						imageLayerStyle.visibility = "visible";
					}
				else
					{
						imageLayerStyle.top = window.event.y + 5;
						imageLayerStyle.left = window.event.x + 5;
						imageLayerStyle.visibility = "visible";
					}
			}
	}