var ImgArray;
var ImgArraye;
var ImgArrayj;
var MyOldIdj=255;


//Bild und Text
var MyX=+335;
var MyX1=MyX-255;
var MyY=+343;
var MyY1=MyY+180;

var MyXe= 340;
var MyYe= 70;
var MyX1e=MyXe-270;
var MyY1e=MyYe+190;

var MyXj= 340;
var MyYj= 69;
var MyX1j=MyXj+0;
var MyY1j=MyYj+260;

var FirstCorrection=false;

function brTst()
{
  var bwrs=navigator.appName;
  var bwrsType=navigator.userAgent;
  var bwrsAppVersion=navigator.appVersion;

  //alert(bwrs);
  //alert(bwrsType);
  //alert(navigator.appVersion); 

  if(bwrs.substring(0,4) == "Nets")
  {
    //var Ergebnis = bwrsType.search(/Firefox\/3\.0/);
    var Ergebnis = bwrsType.search(/Firefox\/3\./);
    if (Ergebnis != -1)
    {
      return(true);
    }
    else
    {
      // chr om
      Ergebnis = bwrsType.search(/Chrome/);    
      if ((Ergebnis != -1) && (!FirstCorrection))
      {
        FirstCorrection=true;
        // correction
        //MyX += 80;
        //MyX1 += 80
        //MyY += 80;
        //MyY1 += 80;

        //MyXe += 80;
        //MyYe += 80;
        //MyX1e=MyXe-270;
        //MyY1e=MyYe+190;

        //MyXj += 80;
        //MyYj += 80;
        //MyX1j += 80;
        //MyY1j += 80;

      }

      return true;
    }
  }
  else
  {
    return true;
  }
}

function setKlammern (bildId)
{
 // 0 to 4

//alert (self.left);
 var X1=0;
 var X2=0;
 var Y=155; 
 var doShow=false;//deactive


 if(bildId > 4)
 {
   doShow=false;

 }

 if(!brTst())
 {
   doShow=false;
 }

 switch(bildId)
 {
   case 0:
   self.status="Porträt";
   break;
   case 1:
   self.status="Vorträge";
   break;
   case 2:
   self.status="Info";
   break;
   case 3:
   self.status="Kontakt";
   break;
   case 4:
   self.status="Home";
   break;
   default:   self.status="";
   break;
 }


 switch(bildId)
 {
   case 0:
    X1=170;
    X2=222;
    break;

   case 1:
    X1=106;
    X2=170;
    break;

   case 2:
    X1=175;
    X2=205;
    break;

   case 3:
    X1=210;
    X2=268;
    break;

   case 4:
    X1=210;
    X2=268;
    break;

    default: break;

 } 
 
 if(document.getElementById)
 {
   document.getElementById("klR").style.top=Y;
   document.getElementById("klL").style.top=Y;
   document.getElementById("klL").style.left=X1;
   document.getElementById("klR").style.left=X2;

   if(!doShow)
   {
    document.getElementById("klR").style.visibility="hidden";
    document.getElementById("klL").style.visibility="hidden";
   }
   else
   {
    document.getElementById("klR").style.visibility="visible";
    document.getElementById("klL").style.visibility="visible";
   }

   return;
 }

 if(document.all)
 {
   document.all["klR"].style.top=Y;
   document.all["klL"].style.top=Y;
   document.all["klL"].style.left=X1;
   document.all["klR"].style.left=X2;

   if(!doShow)
   {
    document.all["klR"].style.visibility="hidden";
    document.all["klL"].style.visibility="hidden";
   }
   else
   {
    document.all["klR"].style.visibility="visible";
    document.all["klL"].style.visibility="visible";
   }

   return;
 }

 if(document.layers)
 {
   document.layers["klR"].style.top=Y;
   document.layers["klL"].style.top=Y;
   document.layers["klL"].style.left=X1;
   document.layers["klR"].style.left=X2;

   if(!doShow)
   {
    document.layers["klR"].style.visibility="hidden";
    document.layers["klL"].style.visibility="hidden";
   }
   else
   {
    document.layers["klR"].style.visibility="visible";
    document.layers["klL"].style.visibility="visible";
   }

   return;
 }

 return;
}

function setClk(Id)
{
 switch(Id)
 {
   case 0:
    self.location.href="portraet.htm";
    self.status="Portät";
    break;

   case 1:
    self.location.href="vortraege.htm";
    self.status="Vorträge";
    break;

   case 2:
     self.location.href="info.htm";
     self.status="Info";
    break;

   case 3:
     self.location.href="kontakt.htm";
     self.status="Kontakt";
     break;

   case 4:
    self.location.href="index.htm";
    self.status="willkommen";  
    break;

   case 5:
    self.location.href="impressum.htm";
    self.status="Impressum"; 
    break;

   case 6:
    self.location.href="alpen.htm";
    self.status="Engadin"; 
    break;

   case 7:
    self.location.href="engadin.htm";
    self.status="Engadin"; 
    break;

   case 8:
    window.open("gbv.pdf");
    //location.href="gbv.pdf";
    self.status="GBV"; 
    break;


    default: break;

 } 

}


function menu(Id)
{
  if(document.getElementById)
  {
    //document.getElementById("100").style.color="white";
    //document.getElementById("101").style.color="white";
    //document.getElementById("200").style.color="white";
    //document.getElementById("201").style.color="white";
    //document.getElementById("300").style.color="white";
    //document.getElementById("301").style.color="white";

    //document.getElementById(Id).style.color="red";
  //alert(Id);
    switch(Id)
    {
       case 100:
       self.location.href ="#abenteuer_alpen";
       break;

      case 101:
       self.location.href ="#engadin";
       break;

      case 200:
       self.location.href ="alpen.htm";
       status="Abenteuer Alpen";return(true);
       break;

      case 201:
       self.location.href ="alpentour.htm";
       break;

      case 300:
       self.location.href ="engadin.htm";
       break;

      case 301:
       self.location.href ="engadintour.htm";
       break;
    }

  }

}



function sideref(myRef)
{
  if(myRef==110) self.location.href="vortraege.htm";
  if(myRef==111) self.location.href="alpen.htm";
  if(myRef==210) self.location.href="vortraege.htm";
  if(myRef==211) self.location.href="engadin.htm";
}

function getEmAdr()
{
  var a = "mai" + "lt" + "o:" + "info@" + "lothar-himmel." + "de";
  location.href = a;
  
}

function getIAdr()
{
  var a = "ht" + "tp://" +"ww" + "w" + "." +  "lothar-himmel." + "de/";
  location.href = a;
  
}

function pfhide()
{
 if(document.getElementById)
 {
    document.getElementById("pfeil").style.visibility="hidden";
 }

}

function presetimg()
{
  var i=0;
  var Hlp;
  ImgArray=new Array(10);
  
  for(i=0;i<10;i++)
  {
    Hlp=new Image();
    Hlp.src="route" + i + ".jpg";
    ImgArray[i]=Hlp;
  }

}

function bldhide()
{
 //alert ("hallo1")
 if(document.getElementById)
 {

    var i;
    var MyId;


    document.getElementById("bildgross").style.top=MyY;
    document.getElementById("bildgross").style.left=MyX;

  
    document.getElementById("bildgross").style.visibility="hidden";

    for(i=0;i<10;i++)
    {
      MyId = "bildtext" + i;
      document.getElementById(MyId).style.top =MyY1;
      document.getElementById(MyId).style.left=MyX1;

      document.getElementById(MyId).style.visibility="hidden";
 
    }

 
 }

}

function setimg(Id)
{
  var X;
  var Y;
  var weite=0;

  var xKorrektur= -103;
  var yKorrektur= -200;

  var MyLeft;
  var MyTop;
  var MyAddOn=0;
  var MyId = "bildtext" + Id;

  
  if(Id>9) return;
  //document.bildgross.src= ImgArray[Id].src;
  if(document.getElementById)
  {



   document.getElementById("bildgrossimg").src=ImgArray[Id].src;
 
  

   location.href="#galerie";

   if(brTst())
   {
     MyLeft=document.getElementById("routealpen").offsetLeft;
     MyTop =document.getElementById("routealpen").offsetTop;
   }
   else
   {
     MyLeft=document.getElementById("routealpen1").offsetLeft;
     MyTop =document.getElementById("routealpen1").offsetTop;
     MyAddOn = 3;
 
   }
 
   if(MyOldIdj < 10)
   {
   
     var HlpId= "bildtext" + MyOldIdj;
     document.getElementById(HlpId).style.visibility="hidden";
   }

   MyOldIdj=Id;
   



   //alert(parseInt(MyLeft));  
   //alert(parseInt(MyTop));

   document.getElementById("bildgross").style.left=MyX+MyLeft;
   document.getElementById("bildgross").style.top=MyY+MyTop+MyAddOn;

   document.getElementById(MyId).style.left=MyX1+MyLeft;
   document.getElementById(MyId).style.top=MyY1+MyTop+MyAddOn;


   document.getElementById(MyId).style.visibility="visible";
   document.getElementById("bildgross").style.visibility="visible";
 

   //alert(document.getElementById(MyId).style.left);
   //alert(document.getElementById(MyId).style.top);


   //calculate position of arrow
   switch(Id)
   {
     case 0:    //Hallstadt
      X= +647;
      Y= +342;
     break;

     case 1:   //Watzmann
      X= +612;
      Y= +352;
     break;

     case 2:   //grossglockner
      X= +604;
      Y= +388;
     break;

     case 3:   //langkofel
      X= +560;
      Y= +440;
     break;

     case 4:   //rosengarten
      X= +555;
      Y= +445;
     break;

     case 5:   //ventertal
      X= +510;
      Y= +415;
     break;

     case 6:   //gotthard
      X= +380;
      Y= +458;
     break;

     case 7:   //matterhorn
      X= +337;
      Y= +505;
     break;

     case 8:   //gallibier
      X= +270;
      Y= +577;
     break;

     case 9:   //bonnette
      X= +294;
      Y= +639;
     break;

     default:return;
   } 

   //// deactivate arrow at all
   X=0;
   ////

 
   // do not show arrow in the following cases
   if(brTst() == false) return;

   if(X==0) return;



   document.getElementById("pfeil").style.top=Y+MyTop + yKorrektur;
   document.getElementById("pfeil").style.left=X+MyLeft + xKorrektur;

   document.getElementById("pfeil").style.visibility="visible";  



  }

}

// from here engadin
// =================

function presetimge()
{
  var i=0;
  var Hlp;
  ImgArraye=new Array(12);

  for(i=0;i<12;i++)
  {
    Hlp=new Image();
    Hlp.src="route_eng" + i + ".jpg";
    ImgArraye[i]=Hlp;
  }

}

function bldhidee()
{
 //alert ("hallo1")
 if(document.getElementById)
 {
    var MyId;

    document.getElementById("bildgrosse").style.top=MyYe;
    document.getElementById("bildgrosse").style.left=MyXe;
    document.getElementById("bildgrosse").style.visibility="hidden";

 

    for(i=0;i<12;i++)
    {
      MyId = "bildtexte" + i;
      document.getElementById(MyId).style.top =MyY1e;
      document.getElementById(MyId).style.left=MyX1e;

      document.getElementById(MyId).style.visibility="hidden";
 
    }



 }

}




function setimge(Id)
{

  var MyLeft;
  var MyTop;

  var MyYAddOnNs=0;
  var MyId = "bildtexte" + Id;

  

  if(Id>11) return;
 
  if(document.getElementById)
  {

   location.href="#galerie";

   document.getElementById("bildgrossimge").src=ImgArraye[Id].src;



 
   if(brTst())
   {
     MyLeft=document.getElementById("routeengadin").offsetLeft;
     MyTop =document.getElementById("routeengadin").offsetTop;
   }
   else
   {
     MyLeft=document.getElementById("routeengadin1").offsetLeft;
     MyTop =document.getElementById("routeengadin1").offsetTop; 
     MyYAddOnNs = 3;
 
   }

   if(MyOldIdj < 12)
   {
   
     var HlpId= "bildtexte" + MyOldIdj;
     document.getElementById(HlpId).style.visibility="hidden";
   }

   MyOldIdj=Id;
   
   //alert(parseInt(MyLeft));  
   //alert(parseInt(MyTop));
   


   document.getElementById("bildgrosse").style.left=MyXe+MyLeft;
   document.getElementById(MyId).style.left=MyX1e+MyLeft;
   document.getElementById("bildgrosse").style.top=MyYe+MyTop+MyYAddOnNs;
   document.getElementById(MyId).style.top=MyY1e+MyTop+MyYAddOnNs;

   document.getElementById("bildgrosse").style.visibility="visible";
   document.getElementById(MyId).style.visibility="visible";



  }
}

// from here Jakobsweg
// -------------------


function bldhidej()
{

 if(document.getElementById)
 {



  document.getElementById("bildgrossj").style.top=MyYj;
  document.getElementById("bildgrossj").style.left=MyXj;

  document.getElementById("bildgrossj").style.visibility="hidden";
  
  for (var i=0;i<12;i++)
  {
    var MyId = "bildtextj" + i;
    document.getElementById(MyId).style.top=MyY1j;
    document.getElementById(MyId).style.left=MyX1j;
    document.getElementById(MyId).style.visibility="hidden";  
  }
 

 }

}


function pfhidej()
{
 if(document.getElementById)
 {
    document.getElementById("pfeil").style.visibility="hidden";
  
 }

}


function presetimgj()
{
  var i=0;
  var Hlp;


  ImgArrayj=new Array(12);
 
  for(i=0;i<12;i++)
  {
    Hlp=new Image();
    Hlp.src="routej" + i + ".jpg";
    ImgArrayj[i]=Hlp;


  }

}


function setimgj(Id)
{
  var X;
  var Y;
  var weite=0;

  var xKorrektur= -103;
  var yKorrektur= -200;

  var MyLeft;
  var MyTop;
  var MyAddOn=0;

  var MyId = "bildtextj" + Id;

  if(Id>11) return;
 
  if(document.getElementById)
  {


   document.getElementById("bildgrossimgj").src=ImgArrayj[Id].src;
   

   location.href="#galerie";

   if(brTst())
   {
     MyLeft=document.getElementById("routej").offsetLeft;
     MyTop =document.getElementById("routej").offsetTop;
   }
   else
   {
     MyLeft=document.getElementById("routej1").offsetLeft;
     MyTop =document.getElementById("routej1").offsetTop;
     MyAddOn = 3;
 
   }
 
   //alert(parseInt(MyLeft));  
   //alert(parseInt(MyTop));

   document.getElementById("bildgrossj").style.left=MyXj+MyLeft;
   document.getElementById(MyId).style.left=MyX1j+MyLeft;
   document.getElementById("bildgrossj").style.top=MyYj+MyTop+MyAddOn;
   document.getElementById(MyId).style.top=MyY1j+MyTop+MyAddOn;

   document.getElementById("bildgrossj").style.visibility="visible";

   if(MyOldIdj < 12)
   {
   
     var HlpId= "bildtextj" + MyOldIdj;
     document.getElementById(HlpId).style.visibility="hidden";
   }

   MyOldIdj=Id;
   

   document.getElementById(MyId).style.visibility="visible";

   //alert(document.getElementById(MyId).style.left);
   //alert(document.getElementById(MyId).style.top);




   //calculate position of arrow
   switch(Id)
   {
     case 0:    
      X= +675;
      Y= +663;
     break;

     case 1:   
      X= +670;
      Y= +665;
     break;

     case 2:   
      X= +663;
      Y= +667;
     break;

     case 3:   
      X= +615;
      Y= +690;
     break;

     case 4:   
      X= +520;
      Y= +698;
     break;

     case 5:   
      X= 0;
      Y= 0;
     break;

     case 6:   
      X= +410;
      Y= +675;
     break;

     case 7:   
      X= +400;
      Y= +676;
     break;

     case 8:   
      X= 0;
      Y= 0;
     break;

     case 9:   
      X= 0;
      Y= 0;
     break;

     case 10:   
      X= +232;
      Y= +652;
     break;

     case 11:   
      X= +197;
      Y= +665;
     break;


     default:return;
   } 

 
   /////// deactivate arrow at all
   X=0;
   ///////

   // do not show arrow in the following cases
   if(brTst() == false) return;



   document.getElementById("pfeil").style.top=Y+MyTop + yKorrektur;
   document.getElementById("pfeil").style.left=X+MyLeft + xKorrektur;

   if(X!=0)
   {
     document.getElementById("pfeil").style.visibility="visible";  
   }
   else
   {
     document.getElementById("pfeil").style.visibility="hidden";  
   }




  }

}