// Vektor für die Bilder links oben
function getImages(topic)
{
   if (topic == 'klettern')
   {
      return new Array( "nadel_westgrad.gif",
                        "rossstein_nadel.jpg",
                        "nadel_suedwand.jpg",
                        "uwe_bohrt.jpg",
                        "nadel_ostkante.jpg",
                        "tom_suedwand.jpg",
                        "hennaloata_martin.jpg",
                        "stand_suedwandschmankerl.jpg",
                        "ausstieg_huettenzauber.jpg",
                        "suedwand.gif");
   }
   if (topic == 'huette')
   {
      return new Array ( "suedwand.gif",
                         "altes_lager.gif",
                         "benni_ruemmerl_stueberl.gif",
                         "salat-mit-gebackenem-mozarella.gif",
                         "waschraum.jpg",
                         "huette_nah.gif",
                         "leberkas-mit-spiegelei.gif",
                         "neues_lager.jpg");
   }
   if (topic == 'wandern')
   {
        return new Array( "aufstieg.jpg",
                          "im_wald.jpg",
                          "sonnberg.jpg",
                          "brotzeitfelsen.jpg",
                          "am_klettersteig.jpg",
                          "ziel_im_blick.jpg");
   }
   if (topic == 'geschichte')
   {
        return new Array( "huette_1903.jpg",
                          "max_rehle.jpg",
                          "huette_1917.jpg",
                          "richard_kummer.jpg");
   }
   if (topic == 'lage')
   {
        return new Array( "zur_tegernseer_huette.jpg",
                          "nach_bayerwald.jpg",
                          "zum_ross_buchstein.jpg");
   }
}



// Funktionen welche die Bilderwechsel veranlassen
function slideshow_huette(){
   replaceImage( "topLeftImage", "../", getImages('huette') );
}
function slideshow_klettern(){
   replaceImage( "topLeftImage", "../", getImages('klettern') );
}
function slideshow_wandern() {
    replaceImage( "topLeftImage", "../", getImages('wandern') );
}
function slideshow_geschichte() {
    replaceImage( "topLeftImage", "../", getImages('geschichte') );
}
function slideshow_lage() {
    replaceImage( "topLeftImage", "../", getImages('lage') );
}

// Funktion ermittelt und setzt das angebene Bild
function replaceImage(imgId, path, vector)
{
   // Angezeigtes Bild im Vektor finden
   var imageNode = document.getElementById(imgId);
   var idx = getImageIndex(imageNode.src, vector);
   //alert("Current Image: " + vector[idx]);
   
   // Index auf Gültigkeitsbereich überprüfen
   if(++idx >= vector.length)
      idx = 0;
   
   // Neues Bild setzen
   imageNode.src = path + "assets/showcase/" + vector[idx];
}

// Funktion ersetzt das Topic Bild auf der Startseite
function highlightTopic(topicname, imagename)
{
   // ersetze und zeige Bild
   var imageNode = document.getElementById("topicImage");
   imageNode.src = imagename;
   imageNode.style.visibility = "visible";
   
   // zeige linie
   hideLine("main1");
   hideLine("main2");
   hideLine("main3");
   hideLine("main4");
   hideLine("main5");
   showLine(topicname)
}

// Funktion gibt die Position des übergebenen Bildes im Vektor zurück
// needle   - Name des Bildes
// haystack - Vektor mit Bildern
function getImageIndex(needle, haystack)
{
   // Dateinamen extrahieren und mit Vektorinhalt vergleichen
   var idx = needle.lastIndexOf("/");
   needle = needle.substring(++idx, needle.length);
   //alert ("Extrakt: " + needle);
   for(var i=0; i < haystack.length; ++i)
   {
      if(needle == haystack[i])
         return i;
   }
   // wenn nicht gefunden, erstes Bild zur&uuml;ckgeben
   alert("Default Image: \n" + haystack[0]);
   return 0;
}

// Funktion blendet die Linien der Navigationsleisten ein
function showLine(id)
{
	// Alle Linien ausblenden
	var theLine = document.getElementById(id);
	var parent = theLine.parentNode;
	for( aLine = parent.firstChild; aLine != parent.lastChild; aLine = aLine.nextSibling )
	{
	   if (aLine.tagName == "img")
	      aLine.style.visibility = "hidden";
	}
	// Linie am gew&uuml;nschten Item anzeigen
	theLine.style.visibility = "visible";
}

// Funktion blendet die Linien der Navigationsleisten aus
function hideLine(id)
{
   var theLine = document.getElementById(id);
   theLine.style.visibility = "hidden";
}


// Funktion f&uuml;r die Bildergalerien
galerie = new Array("highline.jpg",
                    "sauwetter.jpg",
                    "sonnenuntergang.jpg",
                    "rosstein_winter.jpg",
		    "nebelmeer.jpg",
                    "wetterstein.jpg",
                    "fruehjahr.jpg",
                    "zugspitze.jpg",
                    "sonnenuntergang_rosstein.jpg",
                    "abend_buchstein.jpg",
                    "mond.jpg",
                    "tom_klettert.jpg",
                    "ueberhang.jpg",
                    "huette_buchstein.jpg",
                    "abendstimmung.jpg");
beschreibung = new Array("Highline zwischen Rossstein und Nadel",
                        "... so richtiges Sauwetter",
                        "Die Sonne geht hinter der Zugspitze unter",
                        "Gipfelkreuz am Rossstein",
                        "Gut ist, wenn man nicht im Tal sitzt",
                        "Blick auf's Wetterstein",
                        "Im Winter an der Rossstein Nadel",
                        "Viele Berge und die Zugspitze",
                        "Abendstimmung auf dem Rossstein ...",
                        "... auch der Buchstein sonnt sich heut' ein letztes Mal.",
                        "Der Mond schaut auch vorbei ...",
                        "Tom unterwegs am Buchstein ...",
                        "... und es wird immer steiler",
                        "Ziel im Blick vom Klettersteig",
                        "Abendstimmung am Rossstein"
                        );
   
index = -1;
preview_index = 0;
function nextImage() {
   index ++;
   if (index > galerie.length -1 )
      index = 0;

   preview_index++;
   if (preview_index > galerie.length - 1)
      preview_index = 0;
      
   document.getElementById('galerie').src = galerie[index];
   document.getElementById('preview').src = galerie[preview_index];
   document.getElementById('descr').firstChild.nodeValue = beschreibung[index];
}
function previousImage() {
   index--;
   if (index < 0)
      index = galerie.length - 1;
   
   preview_index--;
   if (preview_index < 0)
      preview_index = galerie.length - 1;

   var pidx = preview_index -2;
   if (pidx == -1) pidx = galerie.length-1;
   if (pidx == -2) pidx = galerie.length-2;
   
   document.getElementById('galerie').src = galerie[index];
   document.getElementById('preview').src = galerie[pidx];
   document.getElementById('descr').firstChild.nodeValue=beschreibung[index];
}

/**
 * Kletterer auf der Startseite
 */
var hasReachedSummit = false;
var operant = 1;
var px = -100;
var py = 775;
var inclination = 5;

function climb() {
    window.setInterval("moveImage()", 25);
}

function moveImage() {
    var climber = document.getElementById("climber");

    if (px == -600 && !hasReachedSummit)
    {
        hasReachedSummit = true;
        operant *= -1;
    }
    if (px == -200 && hasReachedSummit)
    {
        hasReachedSummit = false;
        operant *= -1;
    }
    px -= operant;
    if (px == -420 && !hasReachedSummit)
       inclination = 3;
    if (px == -420 && hasReachedSummit)
       inclination = 5;
    if (px == -550 && !hasReachedSummit)
       inclination = 2;
    if (px == -550 && hasReachedSummit)
       inclination = 3;

    if (px % inclination == 0)
       py -= operant;
    climber.style.top = px +"px";
    climber.style.left = py +"px";
}