var jssor_slider1;
var jssor_slider2;
var jssor_slider3;
// größe oder drehung
var bildbreite=1003; // hier die breite drin, wird in initbreite neuberechnet
var gesamtbreite=1003; // hier die breite des browsers drin, wird in initbreite neuberechnet
var initready=false;
function initbreite() {
  if (initready) {return;}
  gesamtbreite=document.getElementById("body").offsetWidth;
  if (document.getElementById("startbilda")) {
    bildbreite=document.getElementById("startbilda").offsetWidth;
  
    //console.log("gesamtbreite",gesamtbreite);
   //console.log("bildbreite",bildbreite);
   /* map im bild > 1429px */
   if (gesamtbreite>1429) {
    if (document.getElementById("introkarte")) {   
      document.getElementById("introkarte").innerHTML='<div id="map" class="map"><br><br><br><br><br><br><input type="button" value="Kartensuche"           class="submit" onclick=initMap()        style="box-shadow: 0 0px 10px #fff;"></div>';
      document.getElementById("map2").innerHTML='';
    }
   } 

   if (document.getElementById("map")) {initMap();}
   if (bildbreite<1430) {
    if (document.getElementById("e1e2text")) { 
      $( "#startbild1IMG" ).load(function() {
       var h1=$("#startbild1IMG").height();
       var h2=$(".introtext2").height();
       var y1=$(".einfuehrungstext1").offset().top;
       var y=h1-h2-y1+50;
       $(".introtext2").css({top:y,bottom:"unset"})
      });
    }
   }
   if (document.getElementById("spantext_seite")) {
     if (gesamtbreite<801) {
     document.getElementById("spantext_seite").innerHTML=document.getElementById("spantext").innerHTML;
     document.getElementById("spantext").innerHTML="";
     document.getElementById("einfuehrungstext1").style.display="none";
     }
   }
  }
  if (document.getElementById("platzbild2")) {
    if (gesamtbreite<801) {
      var breite=gesamtbreite-524;
      $(".platzbild2").css({"max-width":breite})
    }
  }
  initready=true;
}
function initbreite_org() {
 if (initready) {return;}
 gesamtbreite=document.getElementById("body").offsetWidth;
 // startseite // Meldung
 if (document.getElementById("startbilda")) {
  bildbreite=document.getElementById("startbilda").offsetWidth;
  if (bildbreite<1003) {
    if (bildbreite>714) {
     document.getElementById("startbild1").style.maxWidth="unset";
     $( "#startbild1IMG" ).load(function() {
	  document.getElementById("startbild1IMG").style.maxWidth="unset";
	  document.getElementById("startbilda").style.maxHeight=document.getElementById("startbild1IMG").offsetHeight+"px";
	  document.getElementById("startbild2").style.top=(document.getElementById("startbild1IMG").offsetHeight-343)/2+"px";
     });
     // damit zwinge ich EDGE und andere das Bild neu zu laden, sonst geht bei EDGE onload nicht
     document.getElementById("startbild1IMG").src=document.getElementById("startbild1IMG").src+"?reload";
     document.getElementById("startbild2").style.position="absolute";
     document.getElementById("startbild2").style.right="0";
     
     document.getElementById("startbild2").style.boxShadow="0 0 8px #000";
     document.getElementById("startbild2").style.transform="scale(0.95)";
     document.getElementById("startbild2").style.webkitTransform ="scale(0.95)";
     //document.getElementById("startbild2").style.opacity="0.8";
    }
    if (bildbreite<715) {
     document.getElementById("startbilda").style.maxHeight="unset" 
     document.getElementById("startbild2").style.width="100%"; 
    }
    // detailsuche
    if (document.getElementById("detailsuchbutton")) {
     document.getElementById("dsb1").style.width=bildbreite-20+"px";
     document.getElementById("dsb1").style.top=$( window ).height()-100+"px";
    }
    
    if (document.getElementById("spantext")) {
     document.getElementById("spantext").style.width="100%";
    }
    
  } else {
    var br=document.getElementById("startbild1IMG").offsetWidth-10;
    
    if (document.getElementById("e1e2text")) {document.getElementById("e1e2text").style.padding="0 0 25px 0";}
   
    if (document.getElementById("spantext")) {document.getElementById("spantext").style.width=br+"px";}
     
    if (document.getElementById("introkarte")) {
     //document.getElementById("introkarte").style.width=document.getElementById("startbild2").offsetWidth+"px";
     //document.getElementById("introkarte").style.height=document.getElementById("e1e2text").offsetHeight+"px";
     document.getElementById("introkarte").innerHTML='<div id="map" class="map"><br><br><br><br><br><br><input type="button" value="Kartensuche"           class="submit" onclick=initMap()        style="box-shadow: 0 0px 10px #fff;"></div>';
     //document.getElementById("introkarte").style.display="inline-block";
     document.getElementById("map2").innerHTML='';
    }
    
  }
}
 // platzdetails
 if (document.getElementById("platzbilda")) {
  bildbreite=document.getElementById("platzbilda").offsetWidth;
  if (bildbreite<1003) {
   document.getElementById("platzbild1").style.float="none";
  }
 }
 if (document.getElementById("map")) {initMap();}
 initready=true;
}
// Größe Event
var resize="", resizeIV;
function resized(a) {
  resize+=a;
  resizeIV=setInterval("isresized()",1000);
}
function isresized() {
  console.log("resize",resize)
  if (resize>"") {
    resize=resize*1;
    if (resize>10) {
     location.reload();  
    }
  }
  resize="";
}
resizeIV=setInterval("isresized()",1000);
//$( window ).on( "orientationchange", function( event ) {clearInterval(resizeIV); resized("1");});
//$( window ).on( "resize",            function( event ) {clearInterval(resizeIV); resized("2");});

//############################################################################## Funktionen Platzdetails

function checkeinleitung() {						//###### Einleitung anpassen
 if (document.getElementById("einleitung")) {
  if (bildbreite>1002) {							// genug platz da (breite), scroller eventuell generieren
   if (document.getElementById("platzbild2").offsetHeight>240) {		//                          falls der text zu hoch ist
    var h=document.getElementById("einleitung").offsetHeight-1;
    document.getElementById("einleitung").style.height=h+"px";
    document.getElementById("einleitung").style.maxHeight=h+"px";
    checkeinleitung();
   }
  } else {
   document.getElementById("group_99a").innerHTML=document.getElementById("platzbild2").innerHTML;
  }
 }
}
var tabs=new Array();
var tab=0;	// der gewählte tab
function settabs() {							//###### Tabs und Gruppen verstecken (initaíalisierung)
 for(i=0; i<10; i++) {
  if (tabs[i]==1) {
   if (document.getElementById("tab_"+i))   {document.getElementById("tab_"+i).style.display="inline-block";}
   if (tab!=i) {// die aktuelle Gruppe (hier immer 0) nicht verbergen
    if (document.getElementById("group_"+i)) {document.getElementById("group_"+i).style.display="none";}
   }
  } else {
   if (document.getElementById("tab_"+i))   {document.getElementById("tab_"+i).style.display="none";}
   if (document.getElementById("group_"+i)) {document.getElementById("group_"+i).style.display="none";}   
  }
 }
 $( "#menu" ).animate( {opacity: 1}, 1000);
}
function showtab(a) {								// zu Tab a wechseln
 var buchung=true;
 if (a==41) {a=4; buchung=false;}
 if (a==42) {a=4; buchung=true;}
 if (document.getElementById("group_"+tab)) {document.getElementById("group_"+tab).style.display="none";}
 tab=a;
 if (document.getElementById("group_"+tab)) {document.getElementById("group_"+tab).style.display="block";}
 //SCROLLEN wenn das menü oben klebt
 if (document.getElementById("menu").style.position=="fixed") {
   window.scrollTo(0,document.getElementById("platzdetails2").offsetTop);
 }
 // specialtabs wo was gemacht werden muß
 if (a==4) {
  document.getElementById("anfrage").checked=buchung;
  setanfrageonoff();
 }
 $( document ).ready(function() {
  if (a==3) {initMap();}
  if (a==5) {initVideo();}
  if (a==7) {if (!jssor_slider2) {init_slider_news(false); news_mehr();}}
 });
}
function download(a) {								// download
 window.open("//www.camping-in-deutschland.de/download.php?id="+a);
}
function setanfrageonoff() {						//###### Kontakt & Anfrage
  if (document.getElementById("anfrage").checked) {
   $( "#anfragediv" ).fadeIn( "slow", function()  {/* Animation complete. */}); 
  } else {
   $( "#anfragediv" ).fadeOut( "slow", function() {/* Animation complete. */});     
  }
}
function showalterkinder() {
  var anz=document.getElementById("fkinder").selectedIndex;
  for(i=1; i<8; i++) {document.getElementById("kalter"+i).style.visibility="hidden";}
  if (anz>7) {anz=7;}
  if (anz>0) {
    for(i=1; i<anz+1; i++) {document.getElementById("kalter"+i).style.visibility="visible";}
    $( "#alterkinder" ).fadeIn( "slow", function()  {/* Animation complete. */});
  } else {
    $( "#alterkinder" ).fadeOut( "slow", function() {/* Animation complete. */});
  }
}
function check_kontakt_anfrage() {
  if (document.getElementById("anfrage").checked) {
   var ret=check_anfrage();
  } else {
   var ret=check_kontakt();
  }
  //alert("ES werden noch KEINE daten gesendet!");
  return ret;
}
function check_kontakt() {
  var ret=true;
  // nur noch email pflicht
  // document.getElementById("dl_telefon").className="";
  // document.getElementById("dl_fax").className="";
  document.getElementById("dl_email").className="";
  document.getElementById("dl_strasse").className="";
  document.getElementById("dl_ort").className="";
  document.getElementById("dl_code").className="";
  document.getElementById("dl_ftext").style.display="none";
  document.getElementById("dl_err").style.display="none";
// nur noch email pflicht
//  if (document.getElementById("telefon").value=="" && document.getElementById("fax").value=="" && document.getElementById("email").value=="") {
//    document.getElementById("dl_telefon").className="required"; document.getElementById("dl_fax").className="required"; document.getElementById("dl_email").className="required";
//    ret=false;
//  }
  if (document.getElementById("email").value=="") {
    document.getElementById("dl_email").className="required";
    ret=false;
  } else {
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    var inputText = document.getElementById("email").value;
    if(!inputText.value.match(mailformat)) {
      document.getElementById("dl_email").className="required";
      ret=false;  
    }
  }
  if (document.getElementById("ftext").value=="") {document.getElementById("dl_ftext").style.display="block"; ret=false;}
  if (document.getElementById("code").value=="") {document.getElementById("dl_code").className="required"; ret=false;}
  if (!ret) {document.getElementById("dl_err").style.display="block";}
  return ret;
}
function check_anfrage() {
  var ret=true;
  document.getElementById("dl_name").className="";
  // nur noch email pflicht
  //document.getElementById("dl_telefon").className="";
  //document.getElementById("dl_fax").className="";
  document.getElementById("dl_email").className="";
  document.getElementById("dl_code").className="";
  document.getElementById("dl_strasse").className="";
  document.getElementById("dl_ort").className="";
  document.getElementById("dl_von").className="";
  document.getElementById("dl_bis").className="";
  //document.getElementById("dl_tage").className="";
  document.getElementById("dl_personen").className="";
  document.getElementById("alterkinder").className="";
  document.getElementById("dl_ftyp").className="";
  
  document.getElementById("dl_ftext").style.display="none";
  document.getElementById("dl_err").style.display="none";
  
  if (document.getElementById("fname").value=="") {document.getElementById("dl_name").className="required"; ret=false;}
// nur noch email pflicht
//  if (document.getElementById("telefon").value=="" && document.getElementById("fax").value=="" && document.getElementById("email").value=="") {
//    document.getElementById("dl_telefon").className="required"; document.getElementById("dl_fax").className="required"; document.getElementById("dl_email").className="required";
//    ret=false;
//  }
  if (document.getElementById("email").value=="") {
    document.getElementById("dl_email").className="required";
    ret=false;
  }
  if (document.getElementById("strasse").value=="") {document.getElementById("dl_strasse").className="required"; ret=false;}
  if (document.getElementById("ort").value=="")     {document.getElementById("dl_ort").className="required"; ret=false;}
  var von=document.getElementById("von").value;
  var v=von.substr(6,4)+von.substr(3,2)+von.substr(0,2);
  var bis=document.getElementById("bis").value;
  var b=bis.substr(6,4)+bis.substr(3,2)+bis.substr(0,2);
  if (v=="" || b=="" || b<=v) {
   document.getElementById("dl_von").className="required"; document.getElementById("dl_bis").className="required";  ret=false;
  }
  //if (document.getElementById("tage").selectedIndex==0) {document.getElementById("dl_tage").className="required";  ret=false;}
  if (document.getElementById("ferwachsene").selectedIndex==0 && document.getElementById("fkinder").selectedIndex==0) {
    document.getElementById("dl_personen").className="required";  ret=false;
  }
  if (document.getElementById("fkinder").selectedIndex>0) {
    var a=0;
    if (document.getElementById("kalter1").value>"") {a++;}
    if (document.getElementById("kalter2").value>"") {a++;}
    if (document.getElementById("kalter3").value>"") {a++;}
    if (document.getElementById("kalter4").value>"") {a++;}
    if (document.getElementById("kalter5").value>"") {a++;}
    if (document.getElementById("kalter6").value>"") {a++;}
    if (document.getElementById("kalter7").value>"") {a++;}
    if (a==0) {document.getElementById("alterkinder").className="required"; ret=false;}
  }
  if (document.getElementById("ftyp").length>0) {
   var a=0;
   for(i=0; i<document.getElementById("ftyp").length; i++) {
    if (document.getElementById("ftyp")[i].selected) {a++;} 
   }
   if (a==0) {document.getElementById("dl_ftyp").className="required"; ret=false;}
  }
  if (document.getElementById("ftext").value=="") {document.getElementById("dl_ftext").style.display="block"; ret=false;}
  if (document.getElementById("code").value=="") {document.getElementById("dl_code").className="required"; ret=false;}
  if (!ret) {document.getElementById("dl_err").style.display="block";}
  return ret;
}
function initVideo() {
 if (document.getElementById("video1")) {
  document.getElementById("video1").style.display="block";
  document.getElementById("video1").src="https:"+document.getElementById("video1").title;
 }
 if (document.getElementById("video2")) {
  document.getElementById("video2").style.display="block";
  document.getElementById("video2").src="https:"+document.getElementById("video2").title;
 }
}
//############################################################################## Funktionen Suche
function checkplatz_logo(e) {	// bild anpassen
 var wl=e.offsetWidth;
 var hl=e.offsetHeight;
 var wp=e.parentNode.offsetWidth;
 var hp=e.parentNode.offsetHeight;
 if (wl<wp && hl<hp) {
  e.style.height="100%";
 }
}
function err_try_logo(e) {
  var bild=new Image();
  bild.src=e.src;
  e.src=bild.src;
  console.log(e.src)
}
//############################################################################## Slider für camps
function init_slider_suche(autoplay) {
  if (!document.getElementById("slider1_container")) {return;}
  if (!autoplay) {autoplay=false;}
  // 1. vorher: wieviel Platz ist da?
  var maxPlatz=Math.floor(bildbreite/350);					// bei 1003 sollte das  4 sein // war 250
  var anzSlider=Math.ceil(100/maxPlatz);					// bei 1003 sollte das 25 sein
  // 2. zuerst die plätze aus dem Temporären in den richtigen verschieben
  var e=document.getElementById("slidersub1");
  var z=0;           // der Zähler für die Divs im Temp-Ordner
  var temp="";       // Speicher, denn ...innerHTML+=  geht nicht!
  for(slider=0; slider<anzSlider; slider++) { 						// 25x4=100 Plätze
   if (document.getElementById("temp"+z)) {     				// was da?
    temp+='<div class="slider4">';       					// ja => Slider beginnen
    for(i=0; i<maxPlatz; i++) {							//       => 4 plätze oder weniger rein, einer ist ja mindestens da
      if (document.getElementById("temp"+z)) {					//          noch mal: was da?
	temp+=document.getElementById("temp"+z).innerHTML;			//          ja => kopieren 
	document.getElementById("temp"+z).innerHTML="";   			//                Div Temp (z) leeren 
      }
      z++;									// temp Zähler erhöhen
    }
    temp+='</div>';			// => slider schließen			// Slider schließen
   }
  }
  e.innerHTML=temp;								// fertig => in den Scroller kopiereb
  temp="";									//           und Var Temp löschen
  // 3. Slider anpassen
  var br=maxPlatz*350;
  
  document.getElementById("slider1_container").style.width=br+"px";
  document.getElementById("slidersub1").style.width=br+"px";
  if (gesamtbreite<1003) { // bildschirm ist kleiner als 1003
    // 2023 jetzt durch margin 0 auto
    // document.getElementById("slider1_container").style.left=(gesamtbreite-br)/2+"px"; 
  }
  // 4. Slider starten
  var options={
  $AutoPlay: autoplay,
  $FillMode:5,
  $DragOrientation: 1,
  $PauseOnHover: 3,
  $AutoPlayInterval: 5000,
  $SlideDuration: 2000,
  
  $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 4,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                    $Scale: false,                                  //Scales bullets navigator or not while slider scale
  },
  $ArrowNavigatorOptions: {
    $Class: $JssorArrowNavigator$,
    $ChanceToShow: 2,
    $Scale: false,
  }
 }
 jssor_slider1 = new $JssorSlider$('slider1_container', options);
 jssor_slider1.$On($JssorSlider$.$EVT_PARK,function(slideIndex, fromIndex) {
  document.getElementById("slidernumber").innerHTML=(slideIndex+1)+" von "+jssor_slider1.$SlidesCount();
 })
 // 5 Navigation anpassen, eigentlich 3.1 aber geht da noch gar nicht
 if (document.getElementById("navi_galerie")) {
  var brN=document.getElementById("navi_galerie").offsetWidth;
  brN=brN+document.getElementById("jssora01l").offsetWidth;
  brN=brN+document.getElementById("jssora01r").offsetWidth;
  if (brN>br) { // ist zu breit!
   document.getElementById("navi_galerie").style.height="0";
   document.getElementById("navi_galerie").style.maxHeight="0";
   document.getElementById("navi_galerie").style.overflow="hidden";
   document.getElementById("slidernumber").style.display="block";
  } else {
   document.getElementById("slidernumber").style.display="none";
  }
 }
}
//############################################################################## Slider für news
function init_slider_news(autoplay) {
  if (!document.getElementById("slider2_container")) {return;}
  if (!autoplay) {autoplay=false;}
  // 1. vorher: wieviel Platz ist da?
  var maxPlatz=Math.floor(bildbreite/350);					// bei 1003 sollte das  4 sein war 250
  var anzSlider=Math.ceil(100/maxPlatz);					// bei 1003 sollte das 25 sein
  // 2. zuerst die plätze aus dem Temporären in den richtigen verschieben
  var e=document.getElementById("slidersub2");
  var z=0;           // der Zähler für die Divs im Temp-Ordner
  var temp="";       // Speicher, denn ...innerHTML+=  geht nicht!
  for(slider=0; slider<anzSlider; slider++) { 						// 25x4=100 Plätze
   if (document.getElementById("temp_news"+z)) {     				// was da?
    temp+='<div class="slider4">';       					// ja => Slider beginnen
    for(i=0; i<maxPlatz; i++) {							//       => 4 plätze oder weniger rein, einer ist ja mindestens da
      if (document.getElementById("temp_news"+z)) {					//          noch mal: was da?
	temp+=document.getElementById("temp_news"+z).innerHTML;			//          ja => kopieren 
	document.getElementById("temp_news"+z).innerHTML="";   //                Div Temp (z) leeren 
      }
      z++;									// temp Zähler erhöhen
    }
    temp+='</div>';			// => slider schließen			// Slider schließen
   }
  }
  e.innerHTML=temp;								// fertig => in den Scroller kopiereb
  temp="";									//           und Var Temp löschen
  // 3. Slider anpassen
  var br=maxPlatz*350;
  
  document.getElementById("slider2_container").style.width=br+"px";
  document.getElementById("slidersub2").style.width=br+"px";
  if (gesamtbreite<1003) { // bildschirm ist kleiner als 1003
    //2023 => jetzt durch margin 0 auto
    //document.getElementById("slider2_container").style.left=(gesamtbreite-br)/2+"px"; 
  }
  // 4. Slider starten
  var options={
  $AutoPlay: autoplay,
  $FillMode:5,
  $DragOrientation: 1,
  $PauseOnHover: 3,
  $AutoPlayInterval: 5500,
  $SlideDuration: 2000,
  
  $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 4,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                    $Scale: false,                                  //Scales bullets navigator or not while slider scale
  },

  $ArrowNavigatorOptions: {
    $Class: $JssorArrowNavigator$,
    $ChanceToShow: 2,
    $Scale: false,
  }
 }
 jssor_slider2 = new $JssorSlider$('slider2_container', options);
 jssor_slider2.$On($JssorSlider$.$EVT_PARK,function(slideIndex, fromIndex) {
  //      aktuell                        anzahl 
  //alert(slideIndex+"\n"+fromIndex+"\n"+jssor_slider1.$SlidesCount())
  document.getElementById("slidernumber2").innerHTML=(slideIndex+1)+" von "+jssor_slider2.$SlidesCount();
  }
 )
 // 5 Navigation anpassen, eigentlich 3.1 aber geht da noch gar nicht
 if (document.getElementById("navi_galerie_news")) {
  var brN=document.getElementById("navi_galerie_news").offsetWidth;
  brN=brN+document.getElementById("jssora02l").offsetWidth;
  brN=brN+document.getElementById("jssora02r").offsetWidth;
  if (brN>br) { // ist zu breit!
   document.getElementById("navi_galerie_news").style.height="0";
   document.getElementById("navi_galerie_news").style.maxHeight="0";
   document.getElementById("navi_galerie_news").style.overflow="hidden";
   //document.getElementById("slidernumber_news").style.display="block";
   $("#slidernumber_news").css("display","block");
  } else {
   if (document.getElementById("slidernumber_news")) {
    document.getElementById("slidernumber_news").style.display="none";
   }
  }
 }
}
//############################################################################## Slider für beliebt
function init_slider_beliebt(autoplay) {
  if (!document.getElementById("slider3_container")) {return;}
  if (!autoplay) {autoplay=false;}
  // 1. vorher: wieviel Platz ist da?
  var maxPlatz=Math.floor(bildbreite/250);					// bei 1003 sollte das  4 sein
  var anzSlider=Math.ceil(100/maxPlatz);					// bei 1003 sollte das 25 sein
  // 2. zuerst die plätze aus dem Temporären in den richtigen verschieben
  var e=document.getElementById("slidersub3");
  var z=0;           // der Zähler für die Divs im Temp-Ordner
  var temp="";       // Speicher, denn ...innerHTML+=  geht nicht!
  for(slider=0; slider<anzSlider; slider++) { 						// 25x4=100 Plätze
   if (document.getElementById("temp_beliebt"+z)) {     				// was da?
    temp+='<div class="slider4">';       					// ja => Slider beginnen
    for(i=0; i<maxPlatz; i++) {							//       => 4 plätze oder weniger rein, einer ist ja mindestens da
      if (document.getElementById("temp_beliebt"+z)) {					//          noch mal: was da?
	temp+=document.getElementById("temp_beliebt"+z).innerHTML;			//          ja => kopieren 
	document.getElementById("temp_beliebt"+z).innerHTML="";   //                Div Temp (z) leeren 
      }
      z++;									// temp Zähler erhöhen
    }
    temp+='</div>';			// => slider schließen			// Slider schließen
   }
  }
  e.innerHTML=temp;								// fertig => in den Scroller kopiereb
  temp="";							                //           und Var Temp löschen
  // 3. Slider anpassen
  var br=maxPlatz*250;
  
  document.getElementById("slider3_container").style.width=br+"px";
  document.getElementById("slidersub3").style.width=br+"px";
  if (gesamtbreite<1003) { // bildschirm ist kleiner als 1003
    // 2023 jetzt durch margin 0 auto
    //document.getElementById("slider3_container").style.left=(gesamtbreite-br)/2+"px"; 
  }
  // 4. Slider starten
  var options={
  $AutoPlay: autoplay,
  $FillMode:5,
  $DragOrientation: 1,
  $PauseOnHover: 3,
  $AutoPlayInterval: 4000,
  $SlideDuration: 2000,
  
  $BulletNavigatorOptions: {                                //[Optional] Options to specify and enable navigator or not
                    $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
                    $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                    $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                    $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                    $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                    $SpacingX: 0,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                    $SpacingY: 4,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                    $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                    $Scale: false,                                  //Scales bullets navigator or not while slider scale
  },

  $ArrowNavigatorOptions: {
    $Class: $JssorArrowNavigator$,
    $ChanceToShow: 2,
    $Scale: false,
  }
 }
 jssor_slider3 = new $JssorSlider$('slider3_container', options);
}
function news_mehr() {
 //alert(document.getElementById("tab_7").style.display);
 var a=document.getElementsByName("mehr");
 if (a.length==0) {return;}
 for (i=0; i<a.length; i++) {
    if (a[i].firstChild.offsetHeight>a[i].offsetHeight+1) {
     var Woerter = a[i].firstChild.innerHTML.split(" ");
     while(a[i].firstChild.offsetHeight>a[i].offsetHeight+1) {
      Woerter.pop();  
      var n=Woerter.join(" ");
      a[i].firstChild.innerHTML=n+"...";
     }
    }
 }
}
function platzmenu_scroll_org() {
 $( document ).scroll(function() {
  var menuY=document.getElementById("menu").style.position;
  if (menuY!="fixed") {								// Menü ist oben
   var mt=$( "#platzdetails2" ).position().top;
   var sc=$( document ).scrollTop();
   if (sc>mt) {
    clearInterval(resizeIV);
    $( ".tabs" ).css({"position":"fixed","width":bildbreite,"box-shadow":"0 0 8px rgba(0,0,0,0.75)"});
    $( "#platzdetails2" ).css({"padding-top":"40px"});
    resizeIV=setInterval("isresized()",1000);
   }
  } else {									// Menü ist nicht oben			
   var mt=$( "#platzdetails2" ).position().top;
   var sc=$( document ).scrollTop();
   if (sc<mt) {
    clearInterval(resizeIV);
    $( ".tabs" ).css({"position":"relative","box-shadow":"none"});
    $( "#platzdetails2" ).css({"padding-top":"0"});
    resizeIV=setInterval("isresized()",1000);
   }
  }
 })   
}
function platzmenu_scroll() {
  $( document ).scroll(function() {
   var menuY=document.getElementById("menu").style.position;
   if (menuY!="fixed") {								// Menü ist oben
    var mt=$( "#platzdetails2" ).position().top;
    var sc=$( document ).scrollTop();
    if (sc>mt) {
     clearInterval(resizeIV);
     var x=$(".details").offset().left;
     $( ".tabs" ).css({"position":"fixed","left":x,"width":bildbreite,"box-shadow":"0 0 8px rgba(0,0,0,0.75)"});
     $( "#platzdetails2" ).css({"padding-top":"40px"});
     resizeIV=setInterval("isresized()",1000);
    }
   } else {									// Menü ist nicht oben			
    var mt=$( "#platzdetails2" ).position().top;
    var sc=$( document ).scrollTop();
    if (sc<mt) {
     clearInterval(resizeIV);
     $( ".tabs" ).css({"position":"relative","left":"unset","box-shadow":"none"});
     $( "#platzdetails2" ).css({"padding-top":"0"});
     resizeIV=setInterval("isresized()",1000);
    }
   }
  })   
 }
function freitextajax() {
 var t=document.getElementById("freisuche").value;
 if (t.length>2) {
  var request = $.ajax({
   method: "POST",
   data: { t : t},
   url: "/ajaxtextsuche.php",
   dataType: "html"
  });
  request.done(function( msg ) {
   if (msg=="ERR") {freitextajax_show('<div class="ajaxplatz"><span class="ajaxtext">Kein Platz oder Ort gefunden,<br>versuchen Sie die Erweiterte- oder Detailsuche.</span></div>'); return;}
   freitextajax_show(msg); 
  });
  request.fail(function( jqXHR, textStatus ) {
   freitextajax_show('<div class="ajaxplatz"><span class="ajaxtext">Fehler: '+textStatus+'</span></div>');
  }); 
 } else if (t.length<1) {
  document.getElementById("ajaxresult").style.display="none";
 } else {
  freitextajax_show('<div class="ajaxplatz"><span class="ajaxtext">min. 3 Zeichen</span></div>');
 }
}
function freitextajax_show(msg) {
  var x=document.getElementById("textsearch").offsetLeft+document.getElementById("textsearch").offsetWidth-307;   // breite 300 + padding 5 + rahmen 2x1 = 307
  // ab 2023
  var x=document.getElementById("textsearch").offsetLeft+document.getElementById("freisuche").offsetLeft;
  var y=document.getElementById("freisuche").offsetTop+document.getElementById("textsearch").offsetTop;
  var h=document.getElementById("freisuche").offsetHeight;
  document.getElementById("ajaxresult").style.left=x+"px";
  document.getElementById("ajaxresult").style.top=(y+h+8)+"px";
  document.getElementById("ajaxresult").innerHTML=msg;
  document.getElementById("ajaxresult").style.display="block";
  $( "#ajaxresult" ).animate( {opacity: 1}, 100);
}
function freitext_hide() {
  $( "#ajaxresult" ).animate( {opacity: 0}, 1000, freitext_hide2);
}
function freitext_hide2() {
//  document.getElementById("ajaxresult").innerHTML="";
//  document.getElementById("ajaxresult").style.display="none";  
}
function scroll2pic2(e) {							// scrollen damit bild zentriert ist
  var y=$(e).offset().top;
  var h=($( window ).height()/2)-($( e ).height()/2);
  $('html, body').animate({scrollTop:y-h},'slow');
}
function scroll2pic(e) {							// bild ist fertig animiert?
  $(e).addClass("animate");
  $(e).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",
              function(event) {
    //scroll2pic2(e)   // weils scheiße ist
  });  
}
function swap_colors() {
 if (barrierefreiefarben!=1) {
  var ablauf = new Date();
  var infuenfTagen = ablauf.getTime() + (365 * 24 * 60 * 60 * 1000);
  ablauf.setTime(infuenfTagen);
  document.cookie = "barrierefreiefarben=1; expires=" + ablauf.toGMTString()+";  path=/";
  $('head').append('<link id="cssbarrierefrei" href="/config/barrierefreiefarben.css" rel="stylesheet" />');
  barrierefreiefarben=1;
 } else {
  var ablauf = new Date();
  var infuenfTagen = ablauf.getTime() + (365 * 24 * 60 * 60 * 1000);
  ablauf.setTime(infuenfTagen);
  document.cookie = "barrierefreiefarben=0; expires=" + ablauf.toGMTString()+";  path=/";
  $( "#cssbarrierefrei" ).remove();
  barrierefreiefarben=0;
 }
}