
 function Browser()
 {
	var ua, s, i;

	this.isIE    = false;  // Internet Explorer
	this.isNS    = false;  // Netscape
	this.version = null;

	ua = navigator.userAgent;

	s = "MSIE";
	if ((i = ua.indexOf(s)) >= 0)
	{
		this.isIE = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}

	s = "Netscape6/";
	if ((i = ua.indexOf(s)) >= 0)
	{
		this.isNS = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}

	s = "Gecko";
	if ((i = ua.indexOf(s)) >= 0)
	{
		this.isNS = true;
		this.version = 6.1;
		return;
	}
 }

 var browser = new Browser();


 // BilderBox
 var randX      = 10;
 var randYoben  = 10;
 var randYunten = 60;

 var bb_IE_stepH   = 10;
 var bb_IE_stepW   = 10;
 var bb_IE_delayH  = 10;
 var bb_IE_delayW  = 10;

 var bb_FF_stepH   = 10;
 var bb_FF_stepW   = 10;
 var bb_FF_delayH  = 20;
 var bb_FF_delayW  = 20;

 if( browser.isIE )
 {
	var stepH  = bb_IE_stepH;
	var stepW  = bb_IE_stepW;
	var delayH = bb_IE_delayH;
	var delayW = bb_IE_delayW;
 } else
   {
	var stepH  = bb_FF_stepH;
	var stepW  = bb_FF_stepW;
	var delayH = bb_FF_delayH;
	var delayW = bb_FF_delayW;
   }

 var bb_imageX  = 0;
 var bb_imageY  = 0;
 var bb_image   = '';
 var bb_title   = '';
 var bb_active  = 0;

 function bb_jumpToHeight()
 {
	bb_resizeHeight();
 }

 function bb_resizeHeight()
 {
	if( bb_active == 1 )
	{
		var theDivHeight = document.getElementById('bb_mainBox').offsetHeight;
		var maxHeight    = bb_imageY + randYoben + randYunten;

		if( theDivHeight < maxHeight )
		{
			document.getElementById('bb_mainBox').style.height = theDivHeight + stepH;

			var theDivHeight2 = document.getElementById('bb_mainBox').offsetHeight;

			if( theDivHeight2 > maxHeight )
			{
				document.getElementById('bb_mainBox').style.height = maxHeight;
				bb_jumpToWidth();
			} else
			  {
				document.getElementById('bb_mainBox').style.height = theDivHeight + stepH;
				window.setTimeout('bb_jumpToHeight()', delayH);
			  }
		} else
		  {
			bb_jumpToWidth();
		  }
	}
 }

 function bb_jumpToWidth()
 {
	bb_resizeWidth();
 }

 function bb_resizeWidth()
 {
	if( bb_active == 1 )
	{
		if( browser.isIE )
		{
			var fensterX = document.body.offsetWidth                         - 22;
			var fensterY = document.getElementById('mainTable').offsetHeight - 0;
		} else
		  {
			var fensterX = document.body.offsetWidth;
			var fensterY = document.getElementById('mainTable').offsetHeight;
		  }

		var theDivWidth = document.getElementById('bb_mainBox').offsetWidth;
		var theDivLeft  = document.getElementById('bb_mainBox').offsetLeft;

		var maxWidth    = bb_imageX + ( 2 * randX );
		var maxLeft     = ( ( fensterX / 2 ) - ( bb_imageX / 2 ) ) - randX;

		if( theDivWidth < maxWidth )
		{
			document.getElementById('bb_mainBox').style.width = theDivWidth + ( 2 * stepW );
			document.getElementById('bb_mainBox').style.left  = theDivLeft - stepW;

			var theDivWidth2 = document.getElementById('bb_mainBox').offsetWidth;

			if( theDivWidth2 > maxWidth )
			{
				document.getElementById('bb_mainBox').style.width = maxWidth;
				document.getElementById('bb_mainBox').style.left  = maxLeft;
				bb_write();
			} else
			  {
				window.setTimeout('bb_jumpToWidth()', delayW);
			  }
		} else
		  {
			bb_write();
		  }
	}
 }

 function bb_write()
 {
	if( bb_image == 'error' )
	{
		var errorWindow  = '';
		    errorWindow += '<table width="90%" border="0" cellspacing="0" cellpadding="0"><tr><td>';
		    errorWindow += '<font color="red" size="5"><b>Fehler 404</b></font>';
		    errorWindow += '</td><td align="right"><font color="red">Lesen Sie bitte die Serverantwort zur Analyse:</font></td>';
		    errorWindow += '</td></tr></table>';
		    errorWindow += '<br>';
		    errorWindow += '<table width="90%" border="5" cellspacing="0" cellpadding="0"><tr><td>';
		    errorWindow += '<textarea id="errormsg" name="errormsg" style="width: 100%; height: 260px; border: 0px solid white; background-color: black; color: #00ff00; overflow: auto; font-family: fixedsys, courier;"></textarea>';
		    errorWindow += '</td></tr></table>';
		    errorWindow += '<br>';
		    errorWindow += '<a href="index.php"><b>Zur Startseite</b></a>';

		document.getElementById('bb_mainBox').innerHTML = errorWindow;

		type_text();
	} else
	  {
		document.getElementById('bb_mainBox').innerHTML = '<img src="'+bb_image+'" border="0"><br><br><table width="'+bb_imageX+'" border="0" cellspacing="0" cellpadding="2"><tr><td><b>'+bb_title+'</b></td></tr><tr><td align="right">[<a href="#" onclick="javascript:bb_main(0, \'\', 0, 0, \'\');">Schlie&szlig;en</a>]</td></tr></table>';
	  }

	document.getElementById('bb_mainBox').style.visibility  = "visible";
 }

 function bb_main(mode, image, imageX, imageY, title)
 {
	if( mode == 1 )
	{
		bb_active = 1;

		bb_imageX = imageX;
		bb_imageY = imageY;
		bb_image  = image;
		bb_title  = title;

		if( browser.isIE )
		{
			var offSetY  = document.body.scrollTop;
			var fensterX = document.body.offsetWidth                         - 22;
			var fensterY = document.getElementById('mainTable').offsetHeight - 0;
		} else
		  {
			var offSetY  = window.pageYOffset;
			var fensterX = document.body.offsetWidth;
			var fensterY = document.getElementById('mainTable').offsetHeight;
		  }

		var setLeft   = ( ( fensterX / 2 ) - ( imageX / 2 ) ) - randX;
		var setTop    = 122;
		// var setTop = ( ( fensterY / 2 ) - ( imageY / 2 ) ) - randYoben;	// zentriert

		var setStartLeft   = ( fensterX / 2 ) - 50;
		//var setStartTop    = ( fensterY / 2 ) - 50;
		var setStartTop    = offSetY + 20;

		document.getElementById('bb_mainDiv').style.width      = fensterX;
		document.getElementById('bb_mainDiv').style.height     = fensterY;
		document.getElementById('bb_mainDiv').style.visibility = "visible";

		document.getElementById('bb_mainBox').style.width      = 100;
		document.getElementById('bb_mainBox').style.height     = 100;
		document.getElementById('bb_mainBox').style.left       = setStartLeft;
		document.getElementById('bb_mainBox').style.top        = setStartTop;
		document.getElementById('bb_mainBox').style.visibility = "visible";

		bb_jumpToHeight();
	} else
	  {
		bb_active = 0;

		bb_imageX = 0;
		bb_imageY = 0;
		bb_image  = '';
		bb_title  = '';

		document.getElementById('bb_mainDiv').style.width      = 0;
		document.getElementById('bb_mainDiv').style.height     = 0;
		document.getElementById('bb_mainDiv').style.visibility = "hidden";

		document.getElementById('bb_mainBox').innerHTML        = '';
		document.getElementById('bb_mainBox').style.width      = 0;
		document.getElementById('bb_mainBox').style.height     = 0;
		document.getElementById('bb_mainBox').style.visibility = "hidden";
	  }
 }

