var logoBilder = new Array();
logoBilder[0] = new Image();
logoBilder[0].src = "bilder/logo_hund2.png";
logoBilder[1] = new Image();
logoBilder[1].src = "bilder/logo_katze2.png";
logoBilder[2] = new Image();
logoBilder[2].src = "bilder/logo_esel2.png";
logoBilder[3] = new Image();
logoBilder[3].src = "bilder/logo_hahn2.png";
logoBilder[4] = new Image();
logoBilder[4].src = "bilder/logo_vet.png";

var logobild;
var bild;
var wechselbild;

function logowechsler()
{
	document.images.logox.src = logoBilder[logobild].src;
}

function fotowechsler()
{
	document.images.praxisfoto.src = "bilder/blaubild"+bild+".jpg";
	wechselbild = window.setTimeout("bildwechsler(true)", 8000);
}

function bildwechsler(status)
{
    clearalles();
	if (status) {
    document.images.praxisfoto.src = "bilder/blaubild"+bild+".jpg";
    wechselbild = window.setTimeout("bildwechsler(false)", 8000);
  } else {
    document.images.praxisfoto.src = "bilder/farbebild"+bild+".jpg";
    wechselbild = window.setTimeout("bildwechsler(true)", 2000);
  }
}

function bilderladen()
{
logobild = (Math.ceil(Math.random() * 1000))%(logoBilder.length);
bild = (Math.ceil(Math.random() * 1000))%29;
fotowechsler(true);
logowechsler();
gbsuchen();
return false;
}

function einbildladen(meinbild)
{
logobild = (Math.ceil(Math.random() * 1000))%(logoBilder.length);
bild = meinbild;
fotowechsler(true);
logowechsler();
gbsuchen();
return false;
}

function clearalles()
{
 	window.clearTimeout(wechselbild);
	return false;
}

// Wir bauen eine grossbildprojektion (gbprojektion)
function gbsuchen() {
  var allLinks = document.getElementsByTagName("a");
  for (var i=0;i<allLinks.length;i++) {    
    if (allLinks[i].getAttribute("rel") == "gblink") {
      allLinks[i].onclick = createOverlay;
    }
  }
}

function createOverlay () { 
  if (document.getElementById("overlay")) {
    destroyOverlay();
  }
  // Oriinal laed dasselbe Bild wie Verweis: var href = this.getAttribute("href");
  // Groth Version laed anderes Bild (Grossbild)
  var myBody = document.getElementsByTagName("body")[0];
  var overlay = document.createElement("div");
  overlay.setAttribute("id", "overlay");
  overlay.onclick = destroyOverlay;
  var image = document.createElement("img");
  //image.setAttribute("src", grosseBilder[bild].src);
image.setAttribute("src", "bilder/grossbild"+bild+".jpg");
  overlay.appendChild(image);
  myBody.appendChild(overlay);
  centerObject(overlay);
  // Firefox benötigt beim ersten Laden eine Korrektur der 
  // Position; Kleine Hilfsfunktion...
  setTimeout('correctCenter()', 500);
  return false;
}	 

function destroyOverlay() {
  var myBody = document.getElementsByTagName("body")[0];
  var overlay = document.getElementById("overlay");
  myBody.removeChild(overlay);
}

// Zentriert ein Objekt anhand dessen Koordinaten
function centerObject (obj) {
  var coords =  getCoordinates(obj);
  var winsize = getWindowSize ();
  obj.style.left = ((winsize[0] - coords[2]) / 2) + 'px';
  if ( (winsize[1] - coords[3]) / 2 > 0 ) {
    obj.style.top = ((winsize[1] - coords[3]) / 2) + 'px';
  } else {
    obj.style.top = '5px';
  }
  
  

if (navigator.appName.indexOf("Explorer") != -1){
obj.style.top = '104px';}



}

// Ermittelt die Größe des Fensters
// nur benötigt von centerObject(obj)
function getWindowSize () {
  var width = 0;
  var height = 0;
  if (window.innerWidth) {
    width = window.innerWidth - 6;
    height = window.innerHeight - 24;
  } else {
    width = document.body.offsetWidth - 20;
    height = document.body.offsetHeight - 4;
  }
  return [width,height];
}

// Ermittelt Position sowie Größe eines Objektes
// nur benötigt von centerObject(obj)
function getCoordinates (obj) {
  var curleft = 0; 
  var curtop = 0;
  var width = obj.clientWidth;
  var height = obj.clientHeight;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft
      curtop = obj.offsetTop
      while (obj = obj.offsetParent) {
        curleft += obj.offsetLeft
        curtop += obj.offsetTop
      }
  }
  return [curleft,curtop,width,height];
}

// Korrektur der Position
function correctCenter () {
  var overlay = document.getElementById("overlay");
  centerObject(overlay);
}