{source}

<div class="ToTop">

<button onclick="topFunction()" id="myBtnTOP" title="Go to top"><img src="/templates/anderles2018/images/arrow-top.png" width="80"  style="margin:auto"/></button>

</div>

<script>
// When the user scrolls down 350px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 350 || document.documentElement.scrollTop > 350) {
        document.getElementById("myBtnTOP").style.display = "block";
    } else {
        document.getElementById("myBtnTOP").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}
</script>

{/source}

 {source}
 
<!-- You can place html anywhere within the source tags -->

<div class="suchdiv_home">

<p id="kott">Ihren Urlaub in einem unserer Selbstversorger-Ferienhäuser finden!</p>

<form name="quickfind" action="buchen/kontakt" method="POST">

<div class="holder">

<label for="anreise">Anreise</label>

<input type="date" name="anreise" id="anreise" value="2019-01-12" onchange="anreise_change()" >

</div>

<div class="holder">

<label for="abreise">Abreise</label>

<input type="date" name="abreise" id="abreise" value="2019-01-19">

</div>

<div class="holder">

<label for="personenanzahl">Reiseteilnehmer</label>

<select id="personenanzahl" name="personen">

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12" selected="selected">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

</select>

</div>
<div class="suchButton">
<button type="button" id="myBtn" >direkt buchen</button>
<input type="submit" value="kostenlos Anfragen">
</form>
<!-- <p><a href="/kontakt"><button type="button">kostenlos Anfragen</button></a></p> -->

<p></p>
</div>
</div>

<div id="booking_out">
</div>

<script language="Javascript">
const button = document.querySelector('#myBtn');

button.addEventListener('click', event => urlaubbestimmen());



<!-- basiswerte -->
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10){
 dd='0'+dd
}
if(mm<10){
mm='0'+mm
}

today = yyyy+'-'+mm+'-'+dd;
document.getElementById("anreise").min = today;
document.getElementById("anreise").value = today;

var help = new Date();

var today1 = help.getMilliseconds(help);
console.log(today1 );
today1 = today1 + (3 * 24 * 60 * 60 * 1000);
console.log(today1 );
help = new Date();

help.setMilliseconds(today1);

var dd1 = help.getDate();

var mm1 = help.getMonth()+1; //January is 0!
var yyyy1 = help.getFullYear();
if(dd1<10){
 dd1='0'+dd1
}
if(mm1<10){
mm1='0'+mm1
}
console.log( dd1+" " + mm1 + " " + yyyy1);
today = yyyy1+'-'+mm1+'-'+dd1;
console.log(today );
document.getElementById("abreise").min = today;
document.getElementById("abreise").value = today;


    </script>

<script language="Javascript">

 
function urlaubbestimmen()
 {
 var arrival = document.getElementById("anreise").value;
 var departur = document.getElementById("abreise").value;
 var personen = document.forms.quickfind.personen.value;

var a = new Date(arrival);

var d = new Date(departur);

var month = a.getMonth();

var day= a.getDate();

var adate = "";

if(day < 10){

adate = adate + "0";

}

adate = adate + "" + day + ".";

if((month+1) < 10){

adate = adate + "0";

}

adate = adate + "" + (month+1);

adate = adate + "." + a.getFullYear();



var month2 = d.getMonth();

var day2 = d.getDate();

var ddate = "";

if(day2 < 10){

ddate = ddate + "0";

}

ddate = ddate + "" + day2+".";

 

if((month2+1) < 10){

ddate = ddate + "0";

}

ddate = ddate + "" + (month2+1);
ddate = ddate + "." + d.getFullYear();


 var parameter = [adate, ddate, personen];
 var arrStr = JSON.stringify(parameter);
 
document.getElementById("booking_out").innerHTML = '<div class="loader"></div>';

 var xhttp = new XMLHttpRequest();

 xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("booking_out").innerHTML = this.responseText;
  } else if (this.readyState == 4 && this.status == 0) {
       document.getElementById("booking_out").innerHTML = '<span class="fehler">Der von Ihnen verwendete Browser wird aktuell leider nicht unterstützt. Bitte verwenden Sie einen anderen Browser oder senden Sie uns eine Anfrage.</span>';
  }
 };
 xhttp.open("POST", "https://www.baustelle.powderart.at/templates/anderles2018/buchen.php", true);
 xhttp.timeout = 10000;
 xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 xhttp.send(arrStr);



// document.getElementById("booking_out").innerHTML = "1 2 3 4";


}

</script>

<script language="Javascript">
 function anreise_change()
{
var help = new Date(document.getElementById("anreise").value);


var today1 = help.getTime();
console.log(today1 + " help: "+ help );
today1 = today1 + (3 * 24 * 60 * 60 * 1000);
console.log(today1 + " help: "+ help );
help = new Date(today1);
console.log(today1 + " help: "+ help );


var dd1 = help.getDate();

var mm1 = help.getMonth()+1; //January is 0!
var yyyy1 = help.getFullYear();
if(dd1<10){
 dd1='0'+dd1
}
if(mm1<10){
mm1='0'+mm1
}

today1 = yyyy1+'-'+mm1+'-'+dd1;
document.getElementById("abreise").min = today1;
document.getElementById("abreise").value = today1;
console.log(today1 + " help: "+ help + " today: " + today1);
}

</script>

<script language="Javascript">
function booking_Url(url) {

  document.getElementById("booking_out").innerHTML= '<iframe class="smoobu_ext"  src="'+url+'" title="Booking"></iframe>';

}


</script>

 




</script>


 
{/source}