//Funktion zum Ein- und Ausblenden von Feldern bei der Suche von Unterkünften...
function show_hide_gg_search(auswahl) {

 if (auswahl == "Hotels" || auswahl == "Hotel-pensionen") {
  document.getElementById("telefon").style.visibility = "visible";
  document.getElementById("telefon").style.display = "block";
  document.getElementById("restaurant").style.visibility = "visible";
  document.getElementById("restaurant").style.display = "block";
  document.getElementById("tagung").style.visibility = "visible";
  document.getElementById("tagung").style.display = "block";
 }
 else {
  document.getElementById("telefon").style.visibility = "hidden";
  document.getElementById("restaurant").style.visibility = "hidden";
  document.getElementById("tagung").style.visibility = "hidden";
 }

}

 /*
 #####################################
 # Slide-Show
 ######################################
 */
 //globale Variablen!
 var f4n_slide_Time = 5;  //in s
 var f4n_slide_images_gaeste = { "left" : [ { name : "wohnzimmer-fewo.jpg" },
                                            { name : "nordic-walking.jpg" },
                                            { name : "kueche-fewo.jpg" },
                                            { name : "wohnzimmerII-fewo.jpg" },
                                            { name : "churs-philharmonie.jpg" }
                                         ],
                                "right" : [ { name : "kurtheater.jpg" },
                                            { name : "kurhaus.jpg" },
                                            { name : "rosengarten.jpg" },
                                            { name : "badeplatz.jpg" },
                                            { name : "kunstwandelhalle.jpg" }
                                          ],
                                "pfad" : "picture/gaeste_info_slide",
                                "ids" : { "left":"GaesteSlideLeft",
                                          "right":"GaesteSlideRight"
                                        }
                              };

 //Initialisieren der Slide-Show!
 function f4n_init_slide(typ) {

  //Laden der Definitionen für ggf. weitere Optionen!
  if (typ == "gaeste") {
   //Bilder vorausladen
   for(var i = 1; i < f4n_slide_images_gaeste["left"].length; i++){
    f4n_slide_images_gaeste["left"][i].img = new Image;
    f4n_slide_images_gaeste["left"][i].img.src = f4n_slide_images_gaeste["pfad"]+"/"+f4n_slide_images_gaeste["left"][i].name;
   }
   for(var i = 1; i < f4n_slide_images_gaeste["right"].length; i++){
    f4n_slide_images_gaeste["right"][i].img = new Image;
    f4n_slide_images_gaeste["right"][i].img.src = f4n_slide_images_gaeste["pfad"]+"/"+f4n_slide_images_gaeste["right"][i].name;
   }

   //aufruf des Bildwechsels für das linke Bild!
   window.setTimeout("f4n_slide_picture(1, f4n_slide_images_gaeste, 'f4n_slide_images_gaeste', 'left')", (f4n_slide_Time*1000));
   //aufruf des Bildwechsels für das rechte Bild! --> etwas versetzt
   window.setTimeout("f4n_slide_picture(1, f4n_slide_images_gaeste, 'f4n_slide_images_gaeste', 'right')", (f4n_slide_Time*1000+500));
  }

 }

 //wechselt das Bild...
 function f4n_slide_picture(index, definition, varName, type) {

  //wechselt nun zum nächsten Bild...
  var theIMG = document.getElementById(definition["ids"][type]);
  if (theIMG) {
   //nun neue Quelle zuweisen!
   var ImageObject = definition[type][index];
   var DataArrayLength = definition[type].length;
   if (theIMG.filters) theIMG.filters.blendTrans.Apply();
   theIMG.src = definition["pfad"]+"/"+ImageObject.name;
   theIMG.alt = ImageObject.name;
   if (theIMG.filters) theIMG.filters.blendTrans.Play();

   //wert von 0-100 --> hier der Reset des Wertes
   if (navigator.appName != "Microsoft Internet Explorer") {
    BlendValue = 99.999; // IE/Win
    theIMG.style.filter = "alpha(opacity:"+BlendValue+")"; // Safari<1.2, Konqueror
    theIMG.style.KHTMLOpacity = BlendValue/100;  // Older Mozilla and Firefox
    theIMG.style.MozOpacity = BlendValue/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
    theIMG.style.opacity = BlendValue/100;
   }

   if (DataArrayLength > (index + 1)) {
    index = index + 1;
   }
   else {
    index = 0;
   }

   //neuen Timeout setzen!
   window.setTimeout("f4n_slide_picture("+index+", "+varName+", '"+varName+"', '"+type+"')", (f4n_slide_Time*1000));

   //Fading the Image in Mozilla
   if (navigator.appName != "Microsoft Internet Explorer") {
    window.setTimeout("f4n_blend_Image(100,"+varName+", '"+varName+"', '"+type+"','"+theIMG.alt+"')", ((f4n_slide_Time - 1.5)*1000));
   }

  }

 }

 //blendet das Bild dynamisch aus wie der BLEND-Effekt im IE!
 function f4n_blend_Image(BlendValue, definition, varName, type, ImgName) {
  //wechselt nun zum nächsten Bild...
  var theIMG = document.getElementById(definition["ids"][type]);
  if (theIMG && (theIMG.alt == ImgName)) {
   //wert von 0-100
   new_BlendValue = BlendValue - 5;
   BlendValue = (BlendValue == 100)?99.999:BlendValue; // IE/Win
   theIMG.style.filter = "alpha(opacity:"+BlendValue+")"; // Safari<1.2, Konqueror
   theIMG.style.KHTMLOpacity = BlendValue/100;  // Older Mozilla and Firefox
   theIMG.style.MozOpacity = BlendValue/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
   theIMG.style.opacity = BlendValue/100;

   if (new_BlendValue > 20) {
    //der Zeitraum ist maximal 2 s
    window.setTimeout("f4n_blend_Image("+new_BlendValue+","+varName+", '"+varName+"', '"+type+"','"+ImgName+"')", ((1.5/20)*1000));
   }
  }
 }

  /*
 #####################################
 # Ende Slide-Show
 ######################################
 */