function BildFenster01(bildurl,b,h,bildtitel)
{
var eigenschaften,sbreite,shoehe,fenster,b,h;


// wenn eine feste Position für die Anzeige gewünscht wird
// dann für die Variable 'FestePosition' ein "ja" eintragen
// und die X- / Y-Werte (linke obere Ecke) hier eintragen

var FestePosition = "ja";  // "ja" oder "nein" eintragen
VonLinks = 20;
VonOben = 20;

if(FestePosition == "ja") {
x = VonLinks;
y = VonOben;
} else {

// stellt die Bildschirmabmessungen fest
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);

if(ns6||ns4) {
sbreite = innerWidth;
shoehe = innerHeight;
}
else if(ie4) {
sbreite = document.body.clientWidth;
shoehe = document.body.clientHeight;
//shoehe = document.documentElement.clientHeight;
}

x = parseInt((sbreite-b)/2);
y = parseInt((shoehe-h)/2);

}


eigenschaften="left="+x+",top="+y+",screenX="+x+",screenY="+y+",width="+b+",height="+h+",menubar=no,toolbar=no,location=no,status=no,scrollbars=no";

fenster=window.open("","",eigenschaften);
fenster.focus();
fenster.document.open();
with (fenster) {
  document.write('<html><head>');
  // geändert 2004 für Mozilla
  document.write('<scr' + 'ipt type="text/javascr' + 'ipt" language="JavaScr' + 'ipt">');
  document.write("function click() { window.close(); } ");  // bei click  schliessen
  document.write("document.onmousedown=click ");
  // geändert 2004 für Mozilla
  document.write('</scr' + 'ipt>');
  document.write('<title>'+ bildtitel +'</title></head>');
  // Zeile geändert Aug 2003 (Dreamweaver machte Probleme)
  document.write('<' + 'body onblur="window.close();" ');// bei Focusverlust schliessen
  document.write('marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">');
  document.write('<img src="'+ bildurl +'"border="0">');
  document.write('</body></html>');
  fenster.document.close();
}
}

/* Rotation */ 	
	
	function RotatePic() {
      // name des bildes was getauscht werden soll im html-code (img-tag-name)
      var BildTDTagID = "photo";  
	  
	  // hier stehen die bilder drinnen
	  var Bilder = new Array();
      Bilder[0] = "img/photos/boden_01.jpg";
      Bilder[1] = "img/photos/boden_02.jpg";
      Bilder[2] = "img/photos/boden_03.jpg";
	  Bilder[3] = "img/photos/boden_04.jpg";
	  Bilder[4] = "img/photos/boden_05.jpg";
	  Bilder[5] = "img/photos/bad_01.jpg";
	  Bilder[6] = "img/photos/bad_02.jpg";
	  Bilder[7] = "img/photos/bad_03.jpg";
	  Bilder[8] = "img/photos/bad_04.jpg";
	  Bilder[9] = "img/photos/bad_05.jpg";
	  Bilder[10] = "img/photos/kueche_01.jpg";
	  Bilder[11] = "img/photos/kueche_02.jpg";
	  Bilder[12] = "img/photos/kueche_03.jpg";
	  
	  // hier stehen die links drinnen

      var Link = new Array();
      Link[0] = "Javascript:BildFenster01('img/photos/boden_01_gr.jpg','390','390','Fliesen Weiss');";
      Link[1] = "Javascript:BildFenster01('img/photos/boden_02_gr.jpg','390','390','Fliesen Weiss');";
      Link[2] = "Javascript:BildFenster01('img/photos/boden_03_gr.jpg','390','390','Fliesen Weiss');";
	  Link[3] = "Javascript:BildFenster01('img/photos/boden_04_gr.jpg','390','390','Fliesen Weiss');";
	  Link[4] = "Javascript:BildFenster01('img/photos/boden_05_gr.jpg','390','390','Fliesen Weiss');";
	  Link[5] = "Javascript:BildFenster01('img/photos/bad_01_gr.jpg','390','390','Fliesen Weiss');";
	  Link[6] = "Javascript:BildFenster01('img/photos/bad_02_gr.jpg','390','390','Fliesen Weiss');";
	  Link[7] = "Javascript:BildFenster01('img/photos/bad_03_gr.jpg','390','390','Fliesen Weiss');";
	  Link[8] = "Javascript:BildFenster01('img/photos/bad_04_gr.jpg','390','390','Fliesen Weiss');";
	  Link[9] = "Javascript:BildFenster01('img/photos/bad_05_gr.jpg','390','390','Fliesen Weiss');";
	  Link[10] = "Javascript:BildFenster01('img/photos/kueche_01_gr.jpg','390','390','Fliesen Weiss');";
	  Link[11] = "Javascript:BildFenster01('img/photos/kueche_02_gr.jpg','390','390','Fliesen Weiss');";
	  Link[12] = "Javascript:BildFenster01('img/photos/kueche_03_gr.jpg','390','390','Fliesen Weiss');";

      // random zahl ermitteln
      RandBild = Math.round(Math.random()*Bilder.length);
      if( Bilder.length == RandBild ) RandBild = 0;
      rb = Bilder[RandBild];
      
      if (document.images) {
         document.images[BildTDTagID].src=rb;
      } 
	  
      linkURL = Link[RandBild];
      document.getElementById("referenz").href = linkURL ; 	  
   	}


/* Fade */ 	

/* general variables */

var fadeTargetId = 'photo'; /* change this to the ID of the fadeable object */
var	fadeTarget;
var preInitTimer;
preInit();

/* functions */

function preInit() {
	/* an inspired kludge that - in most cases - manages to initially hide the image
	   before even onload is triggered (at which point it's normally too late, and a nasty flash
	   occurs with non-cached images) */
	if ((document.getElementById)&&(fadeTarget=document.getElementById(fadeTargetId))) {
		fadeTarget.style.visibility = "hidden";
		if (typeof preInitTimer != 'undefined') clearTimeout(preInitTimer); /* thanks to Steve Clay http://mrclay.org/ for this small Opera fix */
	} else {
		preInitTimer = setTimeout("preInit()",2);
	}
}

function fadeInit() {
	if (document.getElementById) {
		/* get a handle on the fadeable object, to make code later more manageable */
		preInit(); /* shouldn't be necessary, but IE can sometimes get ahead of itself and trigger fadeInit first */
		/* set the initial opacity in a (hopefully) cross browser way
		   notice that because of the way the image is in front, and not obfuscated
		   by another object we need to "fade out", i don't need a fallback mechanism
		   to show/hide the covering object...the image is just there, full stop */
		if (fadeTarget.style.MozOpacity!=null) {  
			/* Mozilla's pre-CSS3 proprietary rule */
			fadeTarget.style.MozOpacity = 0;
		} else if (fadeTarget.style.opacity!=null) {
			/* CSS3 compatible */
			fadeTarget.style.opacity = 0;
		} else if (fadeTarget.style.filter!=null) {
			/* IE's proprietary filter */
			fadeTarget.style.filter = "alpha(opacity=0)";
		}
		/* make the object visible again */
		fadeTarget.style.visibility = 'visible';
		window.setTimeout("fadeIn(0)", 500);
	}
}

function fadeIn(opacity) {
	if (fadeTarget) {
		if (opacity <= 100) {
			if (fadeTarget.style.MozOpacity!=null) {
				/* Mozilla's pre-CSS3 proprietary rule */
				fadeTarget.style.MozOpacity = (opacity/100)-.001;
				/* the .001 fixes a glitch in the opacity calculation which normally results in a flash when reaching 1 */
			} else if (fadeTarget.style.opacity!=null) {
				/* CSS3 compatible */
				fadeTarget.style.opacity = (opacity/100)-.001;
			} else if (fadeTarget.style.filter!=null) {
				/* IE's proprietary filter */
				fadeTarget.style.filter = "alpha(opacity="+opacity+")";
				/* worth noting: IE's opacity needs values in a range of 0-100, not 0.0 - 1.0 */ 
			}
			opacity += 2;
			/* time */
			window.setTimeout("fadeIn("+opacity+")", 30);
		}
	}
}

/* initialise fader by hiding image object first */
addEvent (window,'load',fadeInit)



/* 3rd party helper functions */

/* addEvent handler for IE and other browsers */
function addEvent(elm, evType, fn, useCapture) 
// addEvent and removeEvent
// cross-browser event handling for IE5+,  NS6 and Mozilla
// By Scott Andrew
{
 if (elm.addEventListener){
   elm.addEventListener(evType, fn, useCapture);
   return true;
 } else if (elm.attachEvent){
   var r = elm.attachEvent("on"+evType, fn);
   return r;
 }
} 
