<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="author" content="Nordpfeil">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Nordpfeil Rügen</title>
<body id="bd" text="#000000" bgcolor="white" >

<style>
 .slider{position:absolute; top:0px;}
 #logo{position:fixed; z-index:100; left:15px; top:15px;}
 #logotext{position:fixed; z-index:100; left:15px; font-family:arial, "lucida console", sans-serif;}

 #slGross{position:absolute; z-index:201;}
 #slTransp{position:absolute; z-index:200; left:0px; top:0px;}
 #slKreuz{position:absolute; z-index:202;}
 #slTextbox{position:absolute; z-index:203;}

 .menuepunkt{
         color: grey;
         font-size:14pt;
         font-family:arial, "lucida console", sans-serif;
 }
 .menuepunkt:hover {                                /* Mauszeiger beim ueberstreichen     */
         cursor: pointer;
 }
 .uebers{
         color: #cccc00;
         font-size:20pt;
         font-family:arial, "lucida console", sans-serif;
 }
 .text{
         color: black;
         font-size:12pt;
         font-family:arial, "lucida console", sans-serif;
 }
 .link{
         color: black;
         font-size:14pt;
         font-family:arial, "lucida console", sans-serif;
 }
 .link:hover {                                /* Mauszeiger beim ueberstreichen     */
         cursor: pointer; 
}
#ss:hover {                                /* Mauszeiger beim ueberstreichen     */
         cursor: pointer;
 }
 #infotext{                                /* Mauszeiger beim ueberstreichen     */
         font-size:2pt;
}

.zeile1{
	background: #ADD982;
} 

</style>
<img id="logo" border="0">
<font id="logotext"></font>

<div id="ss" style="overflow: hidden; background-color: #000000;">
        <img class="slider" id="s0" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s1" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s2" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s3" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s4" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s5" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s6" src="bilder/keinbild.png" border="0">
        <img class="slider" id="s7" src="bilder/keinbild.png" border="0">
</div>
<div id="menue" style="overflow: auto; background-color: #ffffff;">
         <nobr>
         <img class="menuepunkt" id="m0" src="bilder/home.png" height="15" width="15" border="0">&nbsp;&nbsp;
         <img class="menuepunkt" id="mb1" height="15" width="15" border="0">&nbsp;&nbsp;
         <img class="menuepunkt" id="mb2" height="15" width="15" border="0">&nbsp;&nbsp;
         <img class="menuepunkt" id="mb3" height="15" width="15" border="0">&nbsp;&nbsp;&nbsp;
         <font class="menuepunkt" id="m1" ></font>&nbsp;&nbsp;&nbsp;
         <font class="menuepunkt" id="m2" ></font>&nbsp;&nbsp;&nbsp;
         <font class="menuepunkt" id="m3" ></font>&nbsp;&nbsp;&nbsp;
         <font class="menuepunkt" id="m4" ></font>&nbsp;&nbsp;&nbsp;
         <font class="menuepunkt" id="m5" ></font>&nbsp;&nbsp;&nbsp;
         <font class="menuepunkt" id="m6" ></font>
         </nobr>
</div>

<img id="slGross" border="0">
<img src="slideshow/transp.png" id="slTransp" border="0">
<img src="slideshow/kreuz.png" id="slKreuz" width="20" height="20" border="0">
<div id="slTextbox" border="0"><font id="slText" class="text" ></font></div>


<table id="tabelle" border="0" cellpadding="0" cellspacing="0">
 <tr>
         <td colspan="3" align="left"><font class="uebers" id="ueberschrift" ></font></td>
 </tr>
 <tr>
         <td colspan="3" align="left"><font class="text" id="uebersText" ></font><br>&nbsp;</td>
 </tr>
 <tr id="z1">
         <td valign="top" id="tsb1"><img id="sb1" border="0"><br></td>
         <td width="12">&nbsp;&nbsp;&nbsp;</td>
         <td align="left" valign="top"><font class="text" id="t1" ></font><br>
	 <font class="link" id="l1" ></font><br><br></td>
 </tr>
 <tr id="zz1" class="zeile1" height="1"><td colspan="3"></td></tr>
 <tr id="z2">
         <td valign="top"><br><img id="sb2" border="0"><br></td>
         <td>&nbsp;&nbsp;&nbsp;</td>
         <td align="left" valign="top" ><br><font class="text" id="t2" ></font><br>
	 <font class="link" id="l2" ></font><br><br></td>
 </tr>
 <tr id="zz2" class="zeile1" height="1"><td colspan="3"></td></tr>
 <tr id="z3">
         <td valign="top"><br><img id="sb3" border="0"><br></td>
         <td>&nbsp;&nbsp;&nbsp;</td>
         <td align="left" valign="top" ><br><font class="text" id="t3" ></font><br>
	 <font class="link" id="l3" ></font><br><br></td>
 </tr>
 <tr id="zz3" class="zeile1" height="1"><td colspan="3"></td></tr>
 <tr id="z4">
         <td valign="top"><br><img id="sb4" border="0"><br></td>
         <td>&nbsp;&nbsp;&nbsp;</td>
         <td align="left" valign="top" ><br><font class="text" id="t4" ></font><br>
	 <font class="link" id="l4" ></font><br><br></td>
 </tr>
 <tr id="zz4" class="zeile1" height="1"><td colspan="3"></td></tr>
<tr id="z5">
         <td valign="top"><br><img id="sb5" border="0"><br></td>
         <td>&nbsp;&nbsp;&nbsp;</td>
         <td align="left" valign="top" ><br><font class="text" id="t5" ></font><br> 
	 <font class="link" id="l5" ></font><br><br></td>
 <tr id="zz5" class="zeile1" height="1"><td colspan="3"></td></tr>
 <tr>
         <td colspan="3" align="left"><br><br><font class="text" id="name" ></font></td>
 </tr>
</table>

<table id="tabelle_klein" border="0" cellpadding="0" cellspacing="0">
 	<tr><td align="left"><font class="uebers" id="kueberschrift" ></font></td></tr>
 	<tr><td align="left"><font class="text" id="kuebersText" ></font><br>&nbsp;</td></tr>
 
         <tr><td>&nbsp;&nbsp;&nbsp;</td>						</tr>
	<tr><td valign="top" id="ktsb1"><img id="ksb1" border="0"></td>			</tr>
	<tr><td align="left" valign="top" ><font class="text" id="kt1" ></font><br><font class="link" id="kl1" ></font></td></tr>
  
         <tr><td>&nbsp;&nbsp;&nbsp;</td>						</tr>
	<tr><td valign="top"><img id="ksb2" border="0"></td>				</tr>
 	<tr><td align="left" valign="top" ><font class="text" id="kt2" ></font><br><font class="link" id="kl2" ></font></td></tr>
 
         <tr><td>&nbsp;&nbsp;&nbsp;</td>						</tr>
         <tr><td valign="top"><img id="ksb3" border="0"></td> 				</tr>
         <tr><td align="left" valign="top" ><font class="text" id="kt3" ></font><br><font class="link" id="kl3" ></font></td></tr>
 
         <tr><td>&nbsp;&nbsp;&nbsp;</td>						</tr>
         <tr><td valign="top"><img id="ksb4" border="0"></td>				</tr> 
         <tr><td align="left" valign="top" ><font class="text" id="kt4" ></font><br><font class="link" id="kl4" ></font></td></tr>
 
         <tr><td>&nbsp;&nbsp;&nbsp;</td>						</tr>
         <tr><td valign="top"><img id="ksb5" border="0"></td>				</tr>
 	 <tr><td align="left" valign="top" ><font class="text" id="kt5" ></font><br><font class="link" id="kl5" ></font></td></tr>

         <tr><td>&nbsp;&nbsp;&nbsp;</td>						</tr> 
         <tr><td colspan="3" align="left"><br><br><font class="text" id="kname" ></font></td></tr>
 
</table>
<font id="infotext" >Nordpfeil Rügen Nord Insel Ruegen Slawen Ranen Wikinger Ostsee Bergen Führung Ralswiek Rugard Binz Putbus Sassnitz Mecklenburg Vorpommern Landkeis Vorpommern Rügen Hügelgräber Wanderung</font>


<script type="text/javascript" charset="UTF-8" src="eingabeSlideshow.js"></script>
<script type="text/javascript" charset="UTF-8" src="termine.js"></script>
<script type="text/javascript" charset="UTF-8" src="eingabe.js"></script>

<script>

//==========================================================  
//	STARTEINSTELLUNGEN
//==========================================================  

var slideHoehe;
var slideBreite;
var slideAbstand=5;
var slideAnzahl;
var sImg =[2,3,4,5,6,7,8,9];
var bildlaufSchleife;
var bildschiebeSchleife;
var bildlaufposition;
var seite = 0;
var lseite = 0;
var lpos = 0;
var slGrossHoehe;
var slGrossBreite;
var m_wechs=1;

document.getElementById("slGross").style.display="none";
document.getElementById("slTransp").style.display="none";
document.getElementById("slKreuz").style.display="none";
document.getElementById("slTextbox").style.display="none";
document.getElementById("bd").style.backgroundColor=hintergrundfarbe;
document.getElementById("ss").style.backgroundColor=hintergrundslide;
document.getElementById("menue").style.backgroundColor=hintergrundfarbe;
 document.getElementById("infotext").style.color = hintergrundfarbe;

slideshow();
function slideshow(){

// slideshow_variablen
         clearTimeout(bildlaufSchleife);
         clearTimeout(bildschiebeSchleife);
        slideAbstand=5;
        slideHoehe = window.innerHeight/3;
        if(slideHoehe > 450){slideHoehe = 450;}
        slideBreite = slideHoehe / 0.75;
        if((slideBreite*7+6*slideAbstand)<(window.innerWidth-10)){slideAbstand=(window.innerWidth-10-7*slideBreite)/6}
        else{slideAbstand=5;}
// logo
        document.getElementById("logo").style.height=slideHoehe/2+"px";
        document.getElementById("logo").style.width=(500/316)*slideHoehe/2+"px";
        document.getElementById("logo").src="bilder/"+logo;
        document.getElementById("logotext").style.top=slideHoehe/2+15+"px";
        document.getElementById("logotext").innerHTML = seitenname;
        document.getElementById("logotext").style.color = textfarbe;
        document.getElementById("logotext").style.fontSize = logotextgroesse;

        if(nameAnzeigen == "j"){document.getElementById("logotext").style.display = "block";}
        else{document.getElementById("logotext").style.display = "none";}

// tabelle
	 document.getElementById("tabelle_klein").style.position="absolute";
	 document.getElementById("tabelle").style.position="absolute";
 
    if(window.innerWidth > 600){
		document.getElementById("tabelle").style.display="block";
		document.getElementById("tabelle_klein").style.display="none";
	        document.getElementById("tabelle").style.left=35+"px";
	        document.getElementById("tabelle").style.top=slideHoehe+15+40+20+"px";

	       	document.getElementById("tabelle").style.width=window.innerWidth-70+"px";
		if(window.innerWidth>1270){document.getElementById("tabelle").style.width=1200+"px";}
	        document.getElementById("name").innerHTML = seitenname;
 	
	for(i=0;i<7;i++){
        if(seite==i){
                 if((bildProzent[i] > 100)||(bildProzent[i] < 0)){bildProzent[i]=50;}
                 document.getElementById("ueberschrift").innerHTML = ueberschrift[i];
                 document.getElementById("uebersText").innerHTML = text[i];
                 document.getElementById("ueberschrift").style.color = textfarbe;
		 
		document.getElementById("l1").style.color = textfarbe;
		document.getElementById("l2").style.color = textfarbe;
		document.getElementById("l3").style.color = textfarbe;
		document.getElementById("l4").style.color = textfarbe;
		document.getElementById("l5").style.color = textfarbe;

                 document.getElementById("t1").innerHTML = text1[i];
                 document.getElementById("t2").innerHTML = text2[i];
                 document.getElementById("t3").innerHTML = text3[i];
                 document.getElementById("t4").innerHTML = text4[i];
                 document.getElementById("t5").innerHTML = text5[i];

                 document.getElementById("l1").innerHTML = linktext1[i];
                 document.getElementById("l2").innerHTML = linktext2[i];
                 document.getElementById("l3").innerHTML = linktext3[i];
                 document.getElementById("l4").innerHTML = linktext4[i];
                 document.getElementById("l5").innerHTML = linktext5[i];

                 document.getElementById("sb1").src = "bilder/"+bild1[i];
                 document.getElementById("sb2").src = "bilder/"+bild2[i];
                 document.getElementById("sb3").src = "bilder/"+bild3[i];
                 document.getElementById("sb4").src = "bilder/"+bild4[i];
                 document.getElementById("sb5").src = "bilder/"+bild5[i];

                 document.getElementById("tsb1").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
		 document.getElementById("sb1").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb1").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb2").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb2").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb3").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb3").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb4").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb4").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb5").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb5").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 if(((window.innerWidth-70)*(bildProzent[i]/100)>600)||(((window.innerWidth-70)*(bildProzent[i]/100)*0.75)>450)){
                         document.getElementById("tsb1").style.width=600+"px";
			 document.getElementById("sb1").style.width=600+"px";
                         document.getElementById("sb1").style.height=450+"px";
                         document.getElementById("sb2").style.width=600+"px";
                         document.getElementById("sb2").style.height=450+"px";
                         document.getElementById("sb3").style.width=600+"px";
                         document.getElementById("sb3").style.height=450+"px";
                         document.getElementById("sb4").style.width=600+"px";
                         document.getElementById("sb4").style.height=450+"px";
                         document.getElementById("sb5").style.width=600+"px";
                         document.getElementById("sb5").style.height=450+"px";
                 }
		if(bild1[i]=="keinbild.png"){document.getElementById("sb1").style.height=1+"px";}
		if(bild2[i]=="keinbild.png"){document.getElementById("sb2").style.height=1+"px";}
		if(bild3[i]=="keinbild.png"){document.getElementById("sb3").style.height=1+"px";}
		if(bild4[i]=="keinbild.png"){document.getElementById("sb4").style.height=1+"px";}
		if(bild5[i]=="keinbild.png"){document.getElementById("sb5").style.height=1+"px";}

        }
        }

     }
    else{	// Fensterbreite kleiner als 500px
		document.getElementById("tabelle").style.display="none";
		document.getElementById("tabelle_klein").style.display="block";
	        document.getElementById("tabelle_klein").style.left=35+"px";
	        document.getElementById("tabelle_klein").style.top=slideHoehe+15+40+20+"px";

	       	document.getElementById("tabelle_klein").style.width=window.innerWidth-70+"px";
	        document.getElementById("kname").innerHTML = seitenname;
	for(i=0;i<7;i++){
        if(seite==i){
                 if((bildProzent[i] > 100)||(bildProzent[i] < 0)){bildProzent[i]=50;}
                 document.getElementById("kueberschrift").innerHTML = ueberschrift[i];
                 document.getElementById("kuebersText").innerHTML = text[i];
                 document.getElementById("kueberschrift").style.color = textfarbe;
		 
		document.getElementById("kl1").style.color = textfarbe;
		document.getElementById("kl2").style.color = textfarbe;
		document.getElementById("kl3").style.color = textfarbe;
		document.getElementById("kl4").style.color = textfarbe;
		document.getElementById("kl5").style.color = textfarbe;

                 document.getElementById("kt1").innerHTML = text1[i];
                 document.getElementById("kt2").innerHTML = text2[i];
                 document.getElementById("kt3").innerHTML = text3[i];
                 document.getElementById("kt4").innerHTML = text4[i];
                 document.getElementById("kt5").innerHTML = text5[i];

                 document.getElementById("kl1").innerHTML = linktext1[i];
                 document.getElementById("kl2").innerHTML = linktext2[i];
                 document.getElementById("kl3").innerHTML = linktext3[i];
                 document.getElementById("kl4").innerHTML = linktext4[i];
                 document.getElementById("kl5").innerHTML = linktext5[i];

                 document.getElementById("ksb1").src = "bilder/"+bild1[i];
                 document.getElementById("ksb2").src = "bilder/"+bild2[i];
                 document.getElementById("ksb3").src = "bilder/"+bild3[i];
                 document.getElementById("ksb4").src = "bilder/"+bild4[i];
                 document.getElementById("ksb5").src = "bilder/"+bild5[i];

                 document.getElementById("ktsb1").style.width=(window.innerWidth-70)+"px";
		 document.getElementById("ksb1").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb1").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb2").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb2").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb3").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb3").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb4").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb4").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb5").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb5").style.height=(window.innerWidth-70)*0.75+"px";
                 if(window.innerWidth-70 > 600){
                         document.getElementById("ktsb1").style.width=600+"px";
			 document.getElementById("ksb1").style.width=600+"px";
                         document.getElementById("ksb1").style.height=450+"px";
                         document.getElementById("ksb2").style.width=600+"px";
                         document.getElementById("ksb2").style.height=450+"px";
                         document.getElementById("ksb3").style.width=600+"px";
                         document.getElementById("ksb3").style.height=450+"px";
                         document.getElementById("ksb4").style.width=600+"px";
                         document.getElementById("ksb4").style.height=450+"px";
                         document.getElementById("ksb5").style.width=600+"px";
                         document.getElementById("ksb5").style.height=450+"px";
                 }
		if(bild1[i]=="keinbild.png"){document.getElementById("ksb1").style.height=1+"px";}
		if(bild2[i]=="keinbild.png"){document.getElementById("ksb2").style.height=1+"px";}
		if(bild3[i]=="keinbild.png"){document.getElementById("ksb3").style.height=1+"px";}
		if(bild4[i]=="keinbild.png"){document.getElementById("ksb4").style.height=1+"px";}
		if(bild5[i]=="keinbild.png"){document.getElementById("ksb5").style.height=1+"px";}

        }
        }

   } 
// menue



        document.getElementById("menue").style.height=40+"px";
        document.getElementById("menue").style.width=window.innerWidth-10+"px";
        document.getElementById("menue").style.position="absolute";
        document.getElementById("menue").style.left=5+"px";
        document.getElementById("menue").style.top=slideHoehe+15+"px";
        document.getElementById("m0").src="bilder/home.png";
        document.getElementById("mb1").src="bilder/"+button[1];
        document.getElementById("mb2").src="bilder/"+button[2];
        document.getElementById("mb3").src="bilder/"+button[3];
        document.getElementById("m1").innerHTML = ueberschrift[1];
        document.getElementById("m2").innerHTML = ueberschrift[2];
        document.getElementById("m3").innerHTML = ueberschrift[3];
        document.getElementById("m4").innerHTML = ueberschrift[4];
        document.getElementById("m5").innerHTML = ueberschrift[5];
        document.getElementById("m6").innerHTML = ueberschrift[6];

//slideshow  Bild vergrößern

         document.getElementById("slTransp").style.width= window.innerWidth+"px";
         document.getElementById("slTransp").style.height= window.innerHeight+"px";

         slGrossBreite = window.innerWidth*0.75;
         slGrossHoehe = slGrossBreite*0.75;

         if(slGrossBreite > 600){slGrossBreite = 600; slGrossHoehe= 450;}
         if(slGrossHoehe > (window.innerHeight*0.75)){slGrossHoehe = window.innerHeight*0.75; slGrossBreite = slGrossHoehe/0.75;}

         document.getElementById("slGross").style.width= slGrossBreite+"px";
         document.getElementById("slGross").style.height= slGrossHoehe+"px";
         document.getElementById("slKreuz").style.left= window.innerWidth/2-slGrossBreite/2+5+"px";
         document.getElementById("slKreuz").style.top= window.innerHeight/2-slGrossHoehe/2+5+"px";
         document.getElementById("slGross").style.left= window.innerWidth/2-slGrossBreite/2+"px";
         document.getElementById("slGross").style.top= window.innerHeight/2-slGrossHoehe/2+"px";
         document.getElementById("slTextbox").style.left= window.innerWidth/2-slGrossBreite/2+"px";
         document.getElementById("slTextbox").style.top=(window.innerHeight/2-slGrossHoehe/2)+slGrossHoehe+1+"px";

         document.getElementById("s0").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[0]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[0]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s1").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[1]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[1]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s2").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[2]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[2]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s3").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[3]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[3]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s4").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[4]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[4]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s5").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[5]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[5]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s6").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[6]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[6]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});
         document.getElementById("s7").addEventListener("click", function(){document.getElementById("slText").innerHTML=slideText[sImg[7]]; document.getElementById("slGross").src="slideshow/"+slideBild[sImg[7]]; document.getElementById("slGross").style.display="block"; document.getElementById("slTransp").style.display="block"; document.getElementById("slKreuz").style.display="block"; document.getElementById("slTextbox").style.display="block";});

//==========================================================  
//	SLIDESHOW
//==========================================================  

        document.getElementById("ss").style.height=slideHoehe+"px";
        document.getElementById("ss").style.width=window.innerWidth-10+"px";
        document.getElementById("ss").style.position="absolute";
        document.getElementById("ss").style.left=5+"px";
        document.getElementById("ss").style.top=0+"px";

        document.getElementById("s0").style.height=slideHoehe+"px";
        document.getElementById("s1").style.height=slideHoehe+"px";
        document.getElementById("s2").style.height=slideHoehe+"px";
        document.getElementById("s3").style.height=slideHoehe+"px";
        document.getElementById("s4").style.height=slideHoehe+"px";
        document.getElementById("s5").style.height=slideHoehe+"px";
        document.getElementById("s6").style.height=slideHoehe+"px";
        document.getElementById("s7").style.height=slideHoehe+"px";

        document.getElementById("s0").style.width=slideBreite+"px";
        document.getElementById("s1").style.width=slideBreite+"px";
        document.getElementById("s2").style.width=slideBreite+"px";
        document.getElementById("s3").style.width=slideBreite+"px";
        document.getElementById("s4").style.width=slideBreite+"px";
        document.getElementById("s5").style.width=slideBreite+"px";
        document.getElementById("s6").style.width=slideBreite+"px";
        document.getElementById("s7").style.width=slideBreite+"px";

        document.getElementById("s0").style.top=0+"px";
        document.getElementById("s1").style.top=0+"px";
        document.getElementById("s2").style.top=0+"px";
        document.getElementById("s3").style.top=0+"px";
        document.getElementById("s4").style.top=0+"px";
        document.getElementById("s5").style.top=0+"px";
        document.getElementById("s6").style.top=0+"px";
        document.getElementById("s7").style.top=0+"px";

        bildlauf();
	mwechsel();
}
// Slideshow Bild anklicken
         document.getElementById("slKreuz").addEventListener("click", function(){
                 document.getElementById("slGross").style.display="none";
                 document.getElementById("slTransp").style.display="none";
                 document.getElementById("slKreuz").style.display="none";
                 document.getElementById("slTextbox").style.display="none";
         });
         document.getElementById("slGross").addEventListener("click", function(){
                 document.getElementById("slGross").style.display="none";
                 document.getElementById("slTransp").style.display="none";
                 document.getElementById("slKreuz").style.display="none";
                 document.getElementById("slTextbox").style.display="none";
         });

function bildlauf(){

        document.getElementById("s1").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*3+"px";
        document.getElementById("s2").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*2+"px";
        document.getElementById("s3").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*1+"px";
        document.getElementById("s4").style.left = window.innerWidth/2-slideBreite/2+"px";
        document.getElementById("s5").style.left = window.innerWidth/2-slideBreite/2+(slideAbstand+slideBreite)*1+"px";
        document.getElementById("s6").style.left = window.innerWidth/2-slideBreite/2+(slideAbstand+slideBreite)*2+"px";
        document.getElementById("s7").style.left = window.innerWidth/2-slideBreite/2+(slideAbstand+slideBreite)*3+"px";
        document.getElementById("s0").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*4+"px";

                document.getElementById("s0").src="slideshow/"+slideBild[sImg[0]];
                document.getElementById("s1").src="slideshow/"+slideBild[sImg[1]];
                document.getElementById("s2").src="slideshow/"+slideBild[sImg[2]];
                document.getElementById("s3").src="slideshow/"+slideBild[sImg[3]];
                document.getElementById("s4").src="slideshow/"+slideBild[sImg[4]];
                document.getElementById("s5").src="slideshow/"+slideBild[sImg[5]];
                document.getElementById("s6").src="slideshow/"+slideBild[sImg[6]];
                document.getElementById("s7").src="slideshow/"+slideBild[sImg[7]];


                bildlaufSchleife=setTimeout(function(){
                         bildlaufposition = 0;
                         bildschiebe();

                 }, 5000);
        }
 
function bildschiebe(){
                         bildschiebeSchleife=setTimeout(function(){
                                 bildlaufposition=bildlaufposition+(slideAbstand+slideBreite)/80;
                                 document.getElementById("s1").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*3+bildlaufposition+"px";
                                 document.getElementById("s2").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*2+bildlaufposition+"px";
                                 document.getElementById("s3").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*1+bildlaufposition+"px";
                                 document.getElementById("s4").style.left = window.innerWidth/2-slideBreite/2+bildlaufposition+"px";
                                 document.getElementById("s5").style.left = window.innerWidth/2-slideBreite/2+(slideAbstand+slideBreite)*1+bildlaufposition+"px";
                                 document.getElementById("s6").style.left = window.innerWidth/2-slideBreite/2+(slideAbstand+slideBreite)*2+bildlaufposition+"px";
                                 document.getElementById("s7").style.left = window.innerWidth/2-slideBreite/2+(slideAbstand+slideBreite)*3+bildlaufposition+"px";
                                 document.getElementById("s0").style.left = window.innerWidth/2-slideBreite/2-(slideAbstand+slideBreite)*4+bildlaufposition+"px";
                                 if(bildlaufposition >=(slideAbstand+slideBreite)){
                                         clearTimeout(bildschiebeSchleife);


                bildlaufposition=0;
                sImg[0]=sImg[0]-1; if(sImg[0] <= 0){sImg[0]=15;}  //  1    15   14    13
                sImg[1]=sImg[1]-1; if(sImg[1] <= 0){sImg[1]=15;}  //  2     1   15    14
                sImg[2]=sImg[2]-1; if(sImg[2] <= 0){sImg[2]=15;}  //  3     2   1     15
                sImg[3]=sImg[3]-1; if(sImg[3] <= 0){sImg[3]=15;}  //  4     3   2     1
                sImg[4]=sImg[4]-1; if(sImg[4] <= 0){sImg[4]=15;}  //  5     4   3
                sImg[5]=sImg[5]-1; if(sImg[5] <= 0){sImg[5]=15;}  //  6     5
                sImg[6]=sImg[6]-1; if(sImg[6] <= 0){sImg[6]=15;}  //  7     6
                sImg[7]=sImg[7]-1; if(sImg[7] <= 0){sImg[7]=15;}  //  8     7

                                         bildlauf();}
                                 else{bildschiebe();}
                         }, 50);
 }

//==========================================================  
//	SEITE
//==========================================================  
 
function mwechsel(){ 

	if(m_wechs==1){window.scrollTo(0,0);}
	m_wechs=1;

    if(window.innerWidth > 600){
        for(i=0;i<7;i++){
                 document.getElementById("m"+i).style.color="grey";
        if(seite==i){

                 document.getElementById("ueberschrift").innerHTML = ueberschrift[i];
                 document.getElementById("uebersText").innerHTML = text[i];
                 document.getElementById("ueberschrift").style.color = textfarbe;
                 document.getElementById("t1").innerHTML = text1[i];
                 document.getElementById("t2").innerHTML = text2[i];
                 document.getElementById("t3").innerHTML = text3[i];
                 document.getElementById("t4").innerHTML = text4[i];
                 document.getElementById("t5").innerHTML = text5[i];
		 document.getElementById("l1").innerHTML = linktext1[i];
                 document.getElementById("l2").innerHTML = linktext2[i];
                 document.getElementById("l3").innerHTML = linktext3[i];
                 document.getElementById("l4").innerHTML = linktext4[i];
                 document.getElementById("l5").innerHTML = linktext5[i];
		 document.getElementById("sb1").src= "bilder/"+bild1[i];
                 document.getElementById("sb2").src= "bilder/"+bild2[i];
                 document.getElementById("sb3").src= "bilder/"+bild3[i];
                 document.getElementById("sb4").src= "bilder/"+bild4[i];
                 document.getElementById("sb5").src= "bilder/"+bild5[i];
                 document.getElementById("m"+i).style.color="lightgrey";
                 document.getElementById("tsb1").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
		 document.getElementById("sb1").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb1").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb2").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb2").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb3").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb3").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb4").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb4").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 document.getElementById("sb5").style.width=(window.innerWidth-70)*(bildProzent[i]/100)+"px";
                 document.getElementById("sb5").style.height=(window.innerWidth-70)*(bildProzent[i]/100)*0.75+"px";
                 if((window.innerWidth-70)*(bildProzent[i]/100) > 600){
                         document.getElementById("sb1").style.width=600+"px";
                         document.getElementById("tsb1").style.width=600+"px";
			 document.getElementById("sb1").style.height=450+"px";
                         document.getElementById("sb2").style.width=600+"px";
                         document.getElementById("sb2").style.height=450+"px";
                         document.getElementById("sb3").style.width=600+"px";
                         document.getElementById("sb3").style.height=450+"px";
                         document.getElementById("sb4").style.width=600+"px";
                         document.getElementById("sb4").style.height=450+"px";
                         document.getElementById("sb5").style.width=600+"px";
                         document.getElementById("sb5").style.height=450+"px";
                 }
		if(bild1[i]=="keinbild.png"){document.getElementById("sb1").style.height=1+"px";}
		if(bild2[i]=="keinbild.png"){document.getElementById("sb2").style.height=1+"px";}
		if(bild3[i]=="keinbild.png"){document.getElementById("sb3").style.height=1+"px";}
		if(bild4[i]=="keinbild.png"){document.getElementById("sb4").style.height=1+"px";}
		if(bild5[i]=="keinbild.png"){document.getElementById("sb5").style.height=1+"px";}
		if(bild1[i]=="keinbild.png"){document.getElementById("zz1").style.visibility="hidden";} else{document.getElementById("zz1").style.visibility="visible";}
		if(bild2[i]=="keinbild.png"){document.getElementById("zz2").style.visibility="hidden";} else{document.getElementById("zz2").style.visibility="visible";}
		if(bild3[i]=="keinbild.png"){document.getElementById("zz3").style.visibility="hidden";} else{document.getElementById("zz3").style.visibility="visible";}
		if(bild4[i]=="keinbild.png"){document.getElementById("zz4").style.visibility="hidden";} else{document.getElementById("zz4").style.visibility="visible";}
		if(bild5[i]=="keinbild.png"){document.getElementById("zz5").style.visibility="hidden";} else{document.getElementById("zz5").style.visibility="visible";} 

        }
        }
   }

    else{
        for(i=0;i<7;i++){
                 document.getElementById("m"+i).style.color="grey";
        if(seite==i){
                 document.getElementById("kueberschrift").innerHTML = ueberschrift[i];
                 document.getElementById("kuebersText").innerHTML = text[i];
                 document.getElementById("kueberschrift").style.color = textfarbe;
                 document.getElementById("kt1").innerHTML = text1[i];
                 document.getElementById("kt2").innerHTML = text2[i];
                 document.getElementById("kt3").innerHTML = text3[i];
                 document.getElementById("kt4").innerHTML = text4[i];
                 document.getElementById("kt5").innerHTML = text5[i];
		 document.getElementById("kl1").innerHTML = linktext1[i];
                 document.getElementById("kl2").innerHTML = linktext2[i];
                 document.getElementById("kl3").innerHTML = linktext3[i];
                 document.getElementById("kl4").innerHTML = linktext4[i];
                 document.getElementById("kl5").innerHTML = linktext5[i];
		 document.getElementById("ksb1").src= "bilder/"+bild1[i];
                 document.getElementById("ksb2").src= "bilder/"+bild2[i];
                 document.getElementById("ksb3").src= "bilder/"+bild3[i];
                 document.getElementById("ksb4").src= "bilder/"+bild4[i];
                 document.getElementById("ksb5").src= "bilder/"+bild5[i];
                 document.getElementById("m"+i).style.color="lightgrey";
                 document.getElementById("ktsb1").style.width=(window.innerWidth-70)+"px";
		 document.getElementById("ksb1").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb1").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb2").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb2").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb3").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb3").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb4").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb4").style.height=(window.innerWidth-70)*0.75+"px";
                 document.getElementById("ksb5").style.width=(window.innerWidth-70)+"px";
                 document.getElementById("ksb5").style.height=(window.innerWidth-70)*0.75+"px";
                 if(((window.innerWidth-70)>600)||(((window.innerWidth-70)*0.75)>450)){
                         document.getElementById("ksb1").style.width=600+"px";
                         document.getElementById("ktsb1").style.width=600+"px";
			 document.getElementById("ksb1").style.height=450+"px";
                         document.getElementById("ksb2").style.width=600+"px";
                         document.getElementById("ksb2").style.height=450+"px";
                         document.getElementById("ksb3").style.width=600+"px";
                         document.getElementById("ksb3").style.height=450+"px";
                         document.getElementById("ksb4").style.width=600+"px";
                         document.getElementById("ksb4").style.height=450+"px";
                         document.getElementById("ksb5").style.width=600+"px";
                         document.getElementById("ksb5").style.height=450+"px";
                 }
		if(bild1[i]=="keinbild.png"){document.getElementById("ksb1").style.height=1+"px";}
		if(bild2[i]=="keinbild.png"){document.getElementById("ksb2").style.height=1+"px";}
		if(bild3[i]=="keinbild.png"){document.getElementById("ksb3").style.height=1+"px";}
		if(bild4[i]=="keinbild.png"){document.getElementById("ksb4").style.height=1+"px";}
		if(bild5[i]=="keinbild.png"){document.getElementById("ksb5").style.height=1+"px";}

        }
        }
   }   
}


// links
         document.getElementById("l1").addEventListener("click", function(){ lpos=1; lseite=seite; link();});
         document.getElementById("l2").addEventListener("click", function(){ lpos=2; lseite=seite; link();});
         document.getElementById("l3").addEventListener("click", function(){ lpos=3; lseite=seite; link();});
         document.getElementById("l4").addEventListener("click", function(){ lpos=4; lseite=seite; link();});
         document.getElementById("l5").addEventListener("click", function(){ lpos=5; lseite=seite; link();});
         document.getElementById("kl1").addEventListener("click", function(){ lpos=1; lseite=seite; link();});
         document.getElementById("kl2").addEventListener("click", function(){ lpos=2; lseite=seite; link();});
         document.getElementById("kl3").addEventListener("click", function(){ lpos=3; lseite=seite; link();});
         document.getElementById("kl4").addEventListener("click", function(){ lpos=4; lseite=seite; link();});
         document.getElementById("kl5").addEventListener("click", function(){ lpos=5; lseite=seite; link();});

function link(){
		if(lpos==1){
			if((linkseitenname1[lseite] >= 0) && (linkseitenname1[lseite] <= 6)){seite=linkseitenname1[lseite]}		
			else{if(linkseitenname1[lseite] == 10){window.open(linkextern1[lseite])}}
		}
		if(lpos==2){
			if((linkseitenname2[lseite] >= 0) && (linkseitenname2[lseite] <= 6)){seite=linkseitenname2[lseite]}		
			else{if(linkseitenname2[lseite] == 10){window.open(linkextern2[lseite])}}
		}
		if(lpos==3){
			if((linkseitenname3[lseite] >= 0) && (linkseitenname3[lseite] <= 6)){seite=linkseitenname3[lseite]}		
			else{if(linkseitenname3[lseite] == 10){window.open(linkextern3[lseite])}}
		}
		if(lpos==4){
			if((linkseitenname4[lseite] >= 0) && (linkseitenname4[lseite] <= 6)){seite=linkseitenname4[lseite]}		
			else{if(linkseitenname4[lseite] == 10){window.open(linkextern4[lseite])}}
		}
		if(lpos==5){
			if((linkseitenname5[lseite] >= 0) && (linkseitenname5[lseite] <= 6)){seite=linkseitenname5[lseite]}		
			else{if(linkseitenname5[lseite] == 10){window.open(linkextern5[lseite])}}
		}


		mwechsel();
}

// Menue anklicken
         document.getElementById("m0").addEventListener("click", function(){ seite=0; mwechsel();});
         document.getElementById("mb1").addEventListener("click", function(){window.open(buttonlink[1])});
         document.getElementById("mb2").addEventListener("click", function(){window.open(buttonlink[2])});
         document.getElementById("mb3").addEventListener("click", function(){window.open(buttonlink[3])});
         document.getElementById("m1").addEventListener("click", function(){window.open("https://www.nordpfeil-ruegen.de/fuehrung")});
         document.getElementById("m2").addEventListener("click", function(){ seite=2; mwechsel();});
         document.getElementById("m3").addEventListener("click", function(){ seite=3; mwechsel();});
         document.getElementById("m4").addEventListener("click", function(){ seite=4; mwechsel();});
         document.getElementById("m5").addEventListener("click", function(){ seite=5; mwechsel();});
         document.getElementById("m6").addEventListener("click", function(){ seite=6; mwechsel();});

 //==========================================================  
//	SEITENANPASSUNG
//==========================================================  

// Variablen Seitengröße anpassen auf Mobilgeräten
	var seitenverhaeltnis;		// der Seite
	var seitenverhaeltnisAlt;	// altes SV
	var start=1;			// beim Start
	var touch=0;			// 1 - Mobilgerät
	var sv;				// 1 - Änderung des SV liegt vor

function anpassung(){ 
	seitenverhaeltnis = window.innerWidth/window.innerHeight;
   	if(start==0){	
		if(seitenverhaeltnis >= 1 && seitenverhaeltnisAlt < 1){ sv=1};
		if(seitenverhaeltnis >= 1 && seitenverhaeltnisAlt >= 1){ sv=0};
		if(seitenverhaeltnis < 1 && seitenverhaeltnisAlt < 1){ sv=0};
		if(seitenverhaeltnis < 1 && seitenverhaeltnisAlt >= 1){ sv=1};
   	}
   	else{sv=1;}

	if(touch != 1 || sv==1){
		seitenverhaeltnisAlt=seitenverhaeltnis;
		slideshow();
	}
}
       window.addEventListener("resize",function(){m_wechs=0;anpassung();});                              // FENSTERGRÖSSE ÄNDERN, ZOOMEN
// abfragen, ob ein Mobilgerät vorliegt
        window.addEventListener("touchstart", function(){touch=1;});
        window.addEventListener("touchmove", function(){touch=1;});
        window.addEventListener("touchend", function(){touch=1;});
        window.addEventListener("touchcancel", function(){touch=1;});
start = 0;

</script>
</body>
</html> 
<!-- ody>
</html> 
<!--