function hsub(){
  if(document.getElementById('sub01').innerHTML==""){
   document.getElementById("sub01").innerHTML= "<div id='snav01'><a href='#' class='sub_nav' onClick='javascript:change(5)'><img src='images/sq02.jpg' class='sq'>LaStone Therapie</a></div><div id='snav02'><a href='#' class='sub_nav' onClick='javascript:change(6)'><img src='images/sq02.jpg' class='sq'>Ayurveda &Ouml;lmassage</a></div><div id='snav03'><a href='#' class='sub_nav' onClick='javascript:change(7)'><img src='images/sq02.jpg' class='sq'>Fu&szlig;reflexzonenmassage</a></div><div id='snav04'><a href='#' class='sub_nav' onClick='javascript:change(8)'><img src='images/sq02.jpg' class='sq'>Schr&ouml;pfmassage</a></div><div id='snav05'><a href='#' class='sub_nav' onClick='javascript:change(81)'><img src='images/sq02.jpg' class='sq'>Shiatsu-Massage</a></div><div id='snav06'><a href='#' class='sub_nav' onClick='javascript:change(9)'><img src='images/sq02.jpg' class='sq'>Reiki</a></div><div id='snav07'><a href='#' class='sub_nav' onClick='javascript:change(91)'><img src='images/sq02.jpg' class='sq'>Akupunkt Massage</a></div>";
  }else{
  document.getElementById("sub01").innerHTML = "";
  }
 }

 function change(id){
     
  rechts = "<img src='images/startseite.jpg'><br><img src='images/balken_orange.jpg'><br><br><p style='color:#764922;margin:0px;padding:0px;'><b>Termine nach Vereinbarung<br><br>Telefon 06078 - 399 299<br>Fax&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;06078 - 399 300</b><br><br><a href='mailto:info@physiotherapie-jost.de'>info@physiotherapie-jost.de</a></b><br><br>* Alle Kassen und privat</p>";

  switch (id){

   case 1: 
    document.getElementById("titel").innerHTML= "<p style='color:#764922;'>Willkommen auf unserer Homepage!</p>";
    document.getElementById("bild").innerHTML = rechts;
    content.location.href = "startseite.html";
   break;

   case 2: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Praxisdarstellung</p>";
    document.getElementById("bild").innerHTML = "<img src='images/praxisdarstellung.jpg'><br><img src='images/balken_praxisdarstellung.jpg'>";
    content.location.href = "praxisdarstellung.html";
   break;

   case 3: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Therapiespektrum</p>";
    document.getElementById("bild").innerHTML = "<img src='images/therapiespektrum.jpg'><br><img src='images/balken_therapiespektrum.jpg'>";
    content.location.href = "therapiespektrum.html";
   break;

   case 4: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Wellness</p>";
    document.getElementById("bild").innerHTML = "<img src='images/wellness.jpg'><br><img src='images/balken_wellness.jpg'>";
    content.location.href = "wellness.html";
   break;

   case 5: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>LaStone Therapie</p>";
    document.getElementById("bild").innerHTML = "<img src='images/lastone.jpg'><br><img src='images/balken_lastone.jpg'>";
    content.location.href = "therapie_lastone.html";
   break;

   case 6: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Ayurveda &Ouml;lmassage</p>";
    document.getElementById("bild").innerHTML = "<img src='images/oelmassage.jpg'><br><img src='images/balken_oelmassage.jpg'>";
    content.location.href = "therapie_oelmassage.html";
   break;

   case 7: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Fu&szlig;reflexzonenmassage</p>";
    document.getElementById("bild").innerHTML = "<img src='images/fussreflexzonenmassage.jpg'><br><img src='images/balken_fussreflexzonenmassage.jpg'>";
    content.location.href = "therapie_fussreflex.html";
   break;

   case 8: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Schr&ouml;pfmassage</p>";
    document.getElementById("bild").innerHTML = "<img src='images/schroepfmassage.jpg'><br><img src='images/balken_schroepfmassage.jpg'>";
    content.location.href = "therapie_schroepfmassage.html";
   break;

   case 81: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Shiatsu-Massage</p>";
    document.getElementById("bild").innerHTML = "<img src='images/shiatsu.jpg'><br><img src='images/balken_shiatsu.jpg'>";
    content.location.href = "therapie_shiatsu.html";
   break;

   case 9: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Reiki</p>";
    document.getElementById("bild").innerHTML = "<img src='images/reiki.jpg'><br><img src='images/balken_reiki.jpg'>";;
    content.location.href = "therapie_reiki.html";
   break;
   
   case 91: 
    document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Akupunkt Meridian Massage</p>";
    document.getElementById("bild").innerHTML = "<img src='images/akkupunkt.jpg'><br><img src='images/balken_akkupunkt.jpg'>";
    content.location.href = "therapie_akupunkt.html";
   break;

   case 10: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Pr&auml;ventionskurse</p>";
    document.getElementById("bild").innerHTML = "<img src='images/kurse.jpg'><br><img src='images/balken_kurse.jpg'>";
    content.location.href = "kurse.html";
   break;

   case 11: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Gutschein-Service</p>";
    document.getElementById("bild").innerHTML = "<img src='images/gutschein.jpg'><br><img src='images/balken_gutschein.jpg'>";
    content.location.href = "gutschein_service.html";
   break;

   case 12: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Wellness-Abo</p>";
    document.getElementById("bild").innerHTML = "<img src='images/WellnessAbo.jpg'><br><img src='images/balken_wellnessabo.jpg'>";
    content.location.href = "wellness_abo.html";
   break;

   case 14: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Kontakt</p>";
    document.getElementById("bild").innerHTML = "<img src='images/kontakt.jpg'><br><img src='images/balken_kontakt.jpg'>";
    content.location.href = "kontakt.html";
   break;

   case 15: 
    document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Impressum</p>";
    document.getElementById("bild").innerHTML = "<img src='images/kontakt.jpg'><br><img src='images/balken_impressum.jpg'>";
    content.location.href = "impressum.html";
   break;

   case 16: 
    var dorthin = null;
    var w = 250;
    var h = 100;

    if (window.screen) {
     var hori = screen.availWidth;
     var verti = screen.availHeight;
     dorthin = window.open("anfahrt.html","PDF",'width='+ w  +',height='+ h +',left='+((hori - w- 10)* .5) +',top='+((verti - h- 30)* .5))
     dorthin.focus()
    }
   break;

   case 17: 
    var dorthin = null;
    var w = 250;
    var h = 100;

    if (window.screen) {
     var hori = screen.availWidth;
     var verti = screen.availHeight;
     dorthin = window.open("broschuere.html","PDF",'width='+ w  +',height='+ h +',left='+((hori - w- 10)* .5) +',top='+((verti - h- 30)* .5))
     dorthin.focus()
    }
   break;

  } 
 }

 function change_inside(id){
     
  rechts = "<img src='images/startseite.jpg'><br><img src='images/balken_orange.jpg'><b><br><br>Termine nach Vereinbarung<br><br>Telefon 06078 - 399 299<br>Fax&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;06078 - 399 300<br><br><a href='mailto:info@physiotherapie-jost.de'>info@physiotherapie-jost.de</a></b>";

  switch (id){

   case 4: 
    parent.hsub();
    parent.document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Wellness</p>";
    parent.document.getElementById("bild").innerHTML = "<img src='images/wellness.jpg'><br><img src='images/balken_wellness.jpg'>";
    this.location.href = "wellness.html";
   break;

   case 5: 
    parent.document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>LaStone Therapie</p>";
    parent.document.getElementById("bild").innerHTML = "<img src='images/content_lastone.jpg'><br><img src='images/balken_blau.jpg'>";
    this.location.href = "therapie_lastone.html";
   break;

   case 6: 
    parent.document.getElementById("titel").innerHTML= "<p style='color:#0D5772;'>Ayurveda &Ouml;lmassage</p>";
    parent.document.getElementById("bild").innerHTML = "<img src='images/oelmassage.jpg'><br><img src='images/balken_oelmassage.jpg'>";
    this.location.href = "therapie_oelmassage.html";
   break;

   case 11: 
    parent.document.getElementById("titel").innerHTML= "<p style='color:#66350C;'>Gutschein-Serivce</p>";
    parent.document.getElementById("bild").innerHTML = "<img src='images/gutschein.jpg'><br><img src='images/balken_gutschein.jpg'>";
    this.location.href = "gutschein_service.html";
   break;

  } 
 }