// JavaScript Document
var abort = 0;
var topicid;
// Funktion Bildwechechsel der kleinen Bilder --->
function blendimage(divid, imageid, imagefile, millisec) {
if(abort == 1) {
          abort = 0;
          return;
          }
        var speed = Math.round(millisec / 100); // Dauer bis zum nächsten Bild in Sekunden (gerundet)
        var timer = 0;
        if (blendBild)
        {
            document.getElementById(imageid).src = imagefile;
        }
     else
        {
           document.getElementById(divid).style.backgroundImage = "url(" + imagefile + ")";
        }

        for(i = 0; i <= 100; i++) // das opacity einen wert von 0-100 bekommt 
        {
        
            setTimeout("changeOpacBlend(" + i + ",'" + imageid + "', '" + divid+"')",(timer * speed));
			if(i == 50) {
			changeLinkAndHeadline();	
			}
            timer++;
        }
    }
// erh&Atilde;&para;hen und reduzierung des Transparenzwertes -->
function changeOpacBlend(opacity, imageid, divid) {
    if (blendBild)
    {
        changeOpac(opacity, imageid);
        changeOpac(100-opacity, divid);
    }
    else
    {
        changeOpac(100-opacity, imageid);
        changeOpac(opacity, divid);
    }
    if (opacity == 100)
    {
        setTimeout("startWechsel(topicid)", wechselDauer); // Verz&Atilde;&para;gerung bis die Funktion des Bildwechsel aufgerufen wird
        blendBild = !blendBild;
    }
    document.getElementById(imageid).style.visibility = 'visible';
}
// Funktion Transparenz ver&Atilde;&curren;ndern / Style-Angaben f&Atilde;&frac14;r verschiedene Browser --->
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); // f&Atilde;&frac14;r Safari und Firefox
    object.filter = "alpha(opacity=" + opacity + ")"; // f&Atilde;&frac14;r InternetExplorer
}

var wechselDauer = 4000; // Dauer bis zum n&Atilde;&curren;chsten Bild
var transparenzDauer = 1500;  // L&Atilde;&curren;nge der Transparenzver&Atilde;&curren;nderung

//Ab hier das Script fuer weitere Projekte Anpassen (Reihenfolge beachten):
var kleinesBild = new Array(5);
for (var i = 0; i < kleinesBild.length; ++i)
  kleinesBild[i] = new Array();
kleinesBild[0][0] = 'img/slideshow/slideshow_1_1.jpg'; 
kleinesBild[0][1] = 'img/slideshow/slideshow_1_2.jpg';
kleinesBild[0][2] = 'img/slideshow/slideshow_1_3.jpg';
kleinesBild[0][3] = 'img/slideshow/slideshow_1_4.jpg';
kleinesBild[0][4] = 'img/slideshow/slideshow_1_5.jpg';
kleinesBild[1][0] = 'img/slideshow/slideshow_2_1.jpg'; 
kleinesBild[1][1] = 'img/slideshow/slideshow_2_2.jpg';
kleinesBild[1][2] = 'img/slideshow/slideshow_2_3.jpg'; 
kleinesBild[2][0] = 'img/slideshow/slideshow_3_1.jpg'; 
kleinesBild[2][1] = 'img/slideshow/slideshow_3_2.jpg';
kleinesBild[2][2] = 'img/slideshow/slideshow_3_3.jpg'; 
kleinesBild[2][3] = 'img/slideshow/slideshow_3_4.jpg';
kleinesBild[2][4] = 'img/slideshow/slideshow_3_5.jpg';
kleinesBild[3][0] = 'img/slideshow/slideshow_4_1.jpg';
kleinesBild[3][1] = 'img/slideshow/slideshow_4_2.jpg';
kleinesBild[3][2] = 'img/slideshow/slideshow_4_3.jpg'; 
kleinesBild[3][3] = 'img/slideshow/slideshow_4_4.jpg';
kleinesBild[3][4] = 'img/slideshow/slideshow_4_5.jpg';
kleinesBild[3][5] = 'img/slideshow/slideshow_4_6.jpg';
kleinesBild[4][0] = 'img/slideshow/slideshow_5_1.jpg';
kleinesBild[4][1] = 'img/slideshow/slideshow_5_2.jpg';
kleinesBild[4][2] = 'img/slideshow/slideshow_5_3.jpg'; 
kleinesBild[4][3] = 'img/slideshow/slideshow_5_4.jpg';

var headline = new Array(5); // Texte ueber den Bildern
for (var i = 0; i < headline.length; ++i)
  headline[i] = new Array();
headline[0][0] = 'Neu: PresbyMax&reg;-Laser-Technik. Jetzt auch keine Gleitsicht- oder Lesebrille mehr erforderlich.';
headline[0][1] = 'Wir verf&uuml;gen &uuml;ber den neuen High-Speed-Laser mit 500-Hz-Technologie.';
headline[0][2] = 'Wir verwenden den schnellsten Eye-Tracker: 1050-Hz-aktiv-High-Speed-Eye-Tracking mit Rotationsausgleich und Limbus-Tracking.';
headline[0][3] = 'Durch die Online-Pachymetrie ist ein hohes Ma&szlig; an Sicherheit f&uuml;r Sie und f&uuml;r uns hinzugekommen.';
headline[0][4] = 'Voruntersuchungen, Operation und Nachkontrollen finden durch Dr. Rauhut pers&ouml;nlich statt.';
headline[1][0] = 'Ein neuer Lebensabschnitt ohne Brille!';
headline[1][1] = 'Frei sein!';
headline[1][2] = 'Aktiv sein!';
headline[2][0] = 'Unser geschultes Praxispersonal nimmt Sie freundlich in Empfang.';
headline[2][1] = 'Nehmen Sie bequem im Wartezimmer Platz.';
headline[2][2] = 'Vor- und Nachgespr&auml;che sowie die Operation selbst finden direkt mit dem erfahrenen Augenchirurg Dr. med. Wolfgang Rauhut statt.';
headline[2][3] = 'F&uuml;r die Augenoperationen verwenden wir die neueste 500-Hz-Lasertechnik.'; //raus
headline[2][4] = 'Nach der OP verweilen Sie im Ruheraum, bevor Sie die Praxis verlassen.';
headline[3][0] = 'Dr. med. Wolfgang Rauhut';
headline[3][1] = 'Frau Karin Sch&uuml;tz';
headline[3][2] = 'Frau Jennifer Andujare';
headline[3][3] = 'Frau Angelique Rohweder';
headline[3][4] = 'Frau Nicole Sabokat';
headline[3][5] = 'Frau Nicole Hinsch';
headline[4][0] = 'Unsere Augenarztpraxis und -klinik hat Ihren Sitz im Beratungsturm in Hamburg-Langenhorn.';
headline[4][1] = 'Wir sind eine vom T&Uuml;V zertifizierte Praxisklinik nach ISO 9001.';
headline[4][2] = 'Wir freuen uns auf Ihre Anfrage und bieten Ihnen individuelle Informationsgespr&auml;che.';
headline[4][3] = 'Es sind ausreichend Praxis-Parkpl&auml;tze in der Center-Tiefgarage vorhanden.';



function changeLinkAndHeadline() {
	linkstatus = linkstatus + 1;
	if (linkstatus == kleinesBild[topicid].length) {
		linkstatus = 0;
		}
	//document.getElementById("changehead").firstChild.data = headline[linkstatus];
	//document.all.slideshowText.innerHTML = headline[linkstatus];
	document.getElementById("slideshowText").innerHTML = headline[topicid][linkstatus];
}


var bildIdx = 0;
var p = kleinesBild[0].length; // Anzahl aller Bilder
var preLoad = new Array(5);
for (var i = 0; i < preLoad.length; ++i)
   preLoad[i] = new Array();
var blendBild = true;
// Bildschleife 
for (i = 0; i < p; i++) 
{
    preLoad[0][i] = new Image();
    preLoad[0][i].src = kleinesBild[0][i];
}
var p = kleinesBild[1].length;
for (i = 0; i < p; i++) 
{
    preLoad[1][i] = new Image();
    preLoad[1][i].src = kleinesBild[1][i];
}
var p = kleinesBild[2].length;
for (i = 0; i < p; i++) 
{
    preLoad[2][i] = new Image();
    preLoad[2][i].src = kleinesBild[2][i];
}
var p = kleinesBild[3].length;
for (i = 0; i < p; i++) 
{
    preLoad[3][i] = new Image();
    preLoad[3][i].src = kleinesBild[3][i];
}
var p = kleinesBild[4].length;
for (i = 0; i < p; i++) 
{
    preLoad[4][i] = new Image();
    preLoad[4][i].src = kleinesBild[4][i];
}

var counter = -1; // counter setzen fuer wechsel des bildes
function startWechsel(topic) {
topicid = topic;

if(typeof(linkstatus)=="undefined"){ 
  if (topicid == 0) { linkstatus = -1; }
  else if (topicid == 1) { linkstatus = -1; }
  else if (topicid == 2) { linkstatus = -1; }
  else if (topicid == 3) { linkstatus = -1; }
  else if (topicid == 4) { linkstatus = -1; }
  }

  if(abort == 1) {
          abort = 0;
          return;
          }
  p = kleinesBild[topicid].length;
    blendimage('blenddiv', 'blendimage', preLoad[topicid][bildIdx].src, transparenzDauer);
    bildIdx = bildIdx + 1;
	bild = bildIdx - 1;
	counter = counter + 1;
    if (bildIdx > (p - 1)) bildIdx = 0;
	if (counter > 5) counter = -1;
	g = bild;
	if (counter == 4) {
	//bildwechsel('big',g);
	if (g == 4) g=0;
	}
}

function changeTopic(topicid) {
  if (topicid == 0) {
    abort = 1;
    document.getElementById("blendimage").src = kleinesBild[0][0];
    document.getElementById("blenddiv").style.backgroundImage = "url(" + kleinesBild[0][0] + ")";
    document.getElementById("slideshowText").innerHTML = headline[0][0];
    document.getElementById("slidepic1").src ='img/slideshow/button_active.jpg';
    document.getElementById("slidepic2").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic3").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic4").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic5").src ='img/slideshow/button.jpg';
    bildIdx = 1;
    counter = 0;
    linkstatus = 0;
    topicid = 0;
    startWechsel(0);
  }
  
  //neu:
  else if (topicid == 1) {
    abort = 1;
    document.getElementById("blendimage").src = kleinesBild[1][0];
    document.getElementById("blenddiv").style.backgroundImage = "url(" + kleinesBild[1][0] + ")";
    document.getElementById("slideshowText").innerHTML = headline[1][0];
    document.getElementById("slidepic1").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic2").src ='img/slideshow/button_active.jpg';
    document.getElementById("slidepic3").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic4").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic5").src ='img/slideshow/button.jpg';
    bildIdx = 1;
    counter = 0;
    linkstatus = 0;
    topicid = 1;
    setTimeout("startWechsel(1)", 1000);
  }
  
  
  else if (topicid == 2) {
    abort = 1;
    document.getElementById("blendimage").src = kleinesBild[2][0];
    document.getElementById("blenddiv").style.backgroundImage = "url(" + kleinesBild[2][0] + ")";
    document.getElementById("slideshowText").innerHTML = headline[2][0];
    document.getElementById("slidepic1").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic2").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic3").src ='img/slideshow/button_active.jpg';
    document.getElementById("slidepic4").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic5").src ='img/slideshow/button.jpg';
    bildIdx = 1;
    counter = 0;
    linkstatus = 0;
    topicid = 1;
    setTimeout("startWechsel(2)", 1000);
  }
  else if (topicid == 3) {
    abort = 1;
    document.getElementById("blendimage").src = kleinesBild[3][0];
    document.getElementById("blenddiv").style.backgroundImage = "url(" + kleinesBild[3][0] + ")";
    document.getElementById("slideshowText").innerHTML = headline[3][0];
    document.getElementById("slidepic1").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic2").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic3").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic4").src ='img/slideshow/button_active.jpg';
    document.getElementById("slidepic5").src ='img/slideshow/button.jpg';
    bildIdx = 1;
    counter = 0;
    linkstatus = 0;
    topicid = 1;
    setTimeout("startWechsel(3)", 1000);
  }
  else if (topicid == 4) {
    abort = 1;
    document.getElementById("blendimage").src = kleinesBild[4][0];
    document.getElementById("blenddiv").style.backgroundImage = "url(" + kleinesBild[4][0] + ")";
    document.getElementById("slideshowText").innerHTML = headline[4][0];
    document.getElementById("slidepic1").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic2").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic3").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic4").src ='img/slideshow/button.jpg';
    document.getElementById("slidepic5").src ='img/slideshow/button_active.jpg';
    bildIdx = 1;
    counter = 0;
    linkstatus = 0;
    topicid = 1;
    setTimeout("startWechsel(4)", 1000);
  }
  else {
  alert('Uebergabe von topicid fehlerhaft')
  }
}