function on (id) {
  if (document.getElementById)
     document.getElementById(id).style.visibility = "visible";
}

function off (id) {
  if (document.getElementById)
     document.getElementById(id).style.visibility = "hidden";
}

function show_mk(j, i) {
   var path = "images/mk/mk"+i+".jpg";
   document.mk_p.src=path;
   switch (j)  {
      case '1':
         document.getElementById("mk").style.top = "10px";
         window.scrollTo(0, 0);
         break;
      case '2':
         document.getElementById("mk").style.top = "740px";
         window.scrollTo(0, 730);
         break;
      case '3':
         document.getElementById("mk").style.top = "1260px";
         window.scrollTo(0, 1250);
         break;
      case '4':
         document.getElementById("mk").style.top = "1810px";
         window.scrollTo(0, 1800);
         break;
      case '5':
         document.getElementById("mk").style.top = "2220px";
         window.scrollTo(0, 2200);
         break;
      case '6':
         document.getElementById("mk").style.top = "2540px";
         window.scrollTo(0, 2530);
         break;
      case '7':
         document.getElementById("mk").style.top = "3010px";
         window.scrollTo(0, 2100);
         break;
      default:
         document.getElementById("mk").style.top = "60px";
         window.scrollTo(0, 0);
         break;
   }
   document.getElementById("mk").style.visibility = "visible";
}

function pub_on(j, i) {
   var path = "images/"+i;
   document.pub_p.src=path;
   off('pub_v');
   off('pub_l');
   switch (j)  {
      case '0':
         document.getElementById("pub").style.top = "10px";
         window.scrollTo(0, 0);
         break;
      case '1':
         document.getElementById("pub").style.top = "560px";
         window.scrollTo(0, 550);
         break;
      case '2':
         document.getElementById("pub").style.top = "760px";
         window.scrollTo(0, 750);
         break;
      case '3':
         document.getElementById("pub").style.top = "960px";
         window.scrollTo(0, 950);
         break;
      case '4':
         document.getElementById("pub").style.top = "1280px";
         window.scrollTo(0, 1270);
         break;
      default:
         document.getElementById("pub").style.top = "10px";
         window.scrollTo(0, 0);
         break;
   }
   document.getElementById("pub").style.visibility = "visible";
}

function pub_lyrics_on() {
   off('pub');
   document.getElementById("pub_l").style.top = "1050px";
   window.scrollTo(0, 1000);
   document.getElementById("pub_l").style.visibility = "visible";
}

function pub_video_on() {
   off('pub');
   document.getElementById("pub_v").style.top = "1050px";
   window.scrollTo(0, 1000);
   document.getElementById("pub_v").style.visibility = "visible";
}

function replace_html(m) {
var reg1 =  /<(.*?)>/g;
var reg2 =  /[!\(\)<>&§%=\$\"\\/\\\\#]/g; 
   var mm = m.replace(reg1," ");
   mm = mm.replace(reg2, " ");
   mm = mm.substr(0, 1024);
   return mm;
}

function check_msg(f) {
var n	= f.name.value;
var v	= f.vorname.value;
var e	= f.email.value;
var m	= f.msg.value;
var id  = "msg1";

n = n.replace(/\s*$/, '');
m = m.replace(/\s*$/, '');
v = v.replace(/\s*$/, '');
e = e.replace(/\s*$/, '');
   if ( n != "" && m != "") {
      f.name.value=replace_html(n, 50);
      f.vorname.value=replace_html(v, 50);
      f.email.value=replace_html(e, 255);
      f.msg.value=replace_html(m, 1024);
      f.submit();
   }
   else {
      on(id);
   }
}

function show_pic2(j, i, o) {
   var path = "fg_bilder.php?bildnr="+i+"&page=2";
//erstellen des requests
   var req = null;
   try {
   req = new XMLHttpRequest();
   }
   catch (ms){
      try {
         req = new ActiveXObject("Msxml2.XMLHTTP");
      } 
      catch (nonms){
         try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
         } 
         catch (failed){
            req = null;
         }
      }
   }
   if (req == null)
      alert("Error creating request object!");
                  
// anfrage erstellen (GET, url ist localhost,
// request ist asynchron      
   req.open("GET", path, true);
// Beim abschliessen des request wird diese Funktion ausgeführt
   req.onreadystatechange = function(){             
      switch(req.readyState) {
         case 4:
            if (req.status!=200) {
               alert("Fehler: Bild nicht gefunden"); 
            } 
            else {    
               switch (j)  {
                  case '1':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
                  case '2':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "520px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "550px";
                     }
                     window.scrollTo(0, 500);
                     break;
                  case '3':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "950px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "980px";
                     }
                     window.scrollTo(0, 930);
                     break;
                  case '4':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "1400px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "1430px";
                     }
                     window.scrollTo(0, 1400);
                     break;
                  default:
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
               }
               if (o=='1') {
                  document.getElementById("bpic").style.left = "262px";            
               }
               else {
                  document.getElementById("bpic").style.left = "202px";            
               }
//schreibe die antwort in den div container mit der id content 
               document.getElementById('bpic').innerHTML = req.responseText;
               document.getElementById("bpic").style.visibility = "visible";
            }
            break;
         default:
            return false;
            break;     
      }
   };
   req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   req.send(null);
}

function show_pic3(j, i, o) {
   var path = "fg_bilder.php?bildnr="+i+"&page=3";
//erstellen des requests
   var req = null;
   try {
   req = new XMLHttpRequest();
   }
   catch (ms){
      try {
         req = new ActiveXObject("Msxml2.XMLHTTP");
      } 
      catch (nonms){
         try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
         } 
         catch (failed){
            req = null;
         }
      }
   }
   if (req == null)
      alert("Error creating request object!");
                  
// anfrage erstellen (GET, url ist localhost,
// request ist asynchron      
   req.open("GET", path, true);
// Beim abschliessen des request wird diese Funktion ausgeführt
   req.onreadystatechange = function(){             
      switch(req.readyState) {
         case 4:
            if (req.status!=200) {
               alert("Fehler: Bild nicht gefunden"); 
            } 
            else {    
               switch (j)  {
                  case '1':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
                  case '2':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "520px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "550px";
                     }
                     window.scrollTo(0, 500);
                     break;
                  case '3':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "970px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "1000px";
                     }
                     window.scrollTo(0, 950);
                     break;
                  case '4':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "1370px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "1390px";
                     }
                     window.scrollTo(0, 1370);
                     break;
                  case '5':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "2070px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "2090px";
                     }
                     window.scrollTo(0, 2050);
                     break;
                  case '6':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "2400px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "2430px";
                     }
                     window.scrollTo(0, 2400);
                     break;
                  default:
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
               }
               if (o=='1') {
                  document.getElementById("bpic").style.left = "262px";            
               }
               else {
                  document.getElementById("bpic").style.left = "202px";            
               }
//schreibe die antwort in den div container mit der id content 
               document.getElementById('bpic').innerHTML = req.responseText;
               document.getElementById("bpic").style.visibility = "visible";
            }
            break;
         default:
            return false;
            break;     
      }
   };
   req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   req.send(null);
}

function show_pic4(j, i, o) {
   var path = "fg_bilder.php?bildnr="+i+"&page=4";
//erstellen des requests
   var req = null;
   try {
   req = new XMLHttpRequest();
   }
   catch (ms){
      try {
         req = new ActiveXObject("Msxml2.XMLHTTP");
      } 
      catch (nonms){
         try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
         } 
         catch (failed){
            req = null;
         }
      }
   }
   if (req == null)
      alert("Error creating request object!");
                  
// anfrage erstellen (GET, url ist localhost,
// request ist asynchron      
   req.open("GET", path, true);
// Beim abschliessen des request wird diese Funktion ausgeführt
   req.onreadystatechange = function(){             
      switch(req.readyState) {
         case 4:
            if (req.status!=200) {
               alert("Fehler: Bild nicht gefunden"); 
            } 
            else {    
               switch (j)  {
                  case '1':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
                  case '2':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "520px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "550px";
                     }
                     window.scrollTo(0, 500);
                     break;
                  case '3':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "920px";
                     }
                     window.scrollTo(0, 950);
                     break;
                  default:
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
               }
               if (o=='1') {
                  document.getElementById("bpic").style.left = "262px";            
               }
               else {
                  document.getElementById("bpic").style.left = "202px";            
               }
//schreibe die antwort in den div container mit der id content 
               document.getElementById('bpic').innerHTML = req.responseText;
               document.getElementById("bpic").style.visibility = "visible";
            }
            break;
         default:
            return false;
            break;     
      }
   };
   req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   req.send(null);
}

function show_pic6(j, i, o) {
   var path = "fg_bilder.php?bildnr="+i+"&page=6";
//erstellen des requests
   var req = null;
   try {
   req = new XMLHttpRequest();
   }
   catch (ms){
      try {
         req = new ActiveXObject("Msxml2.XMLHTTP");
      } 
      catch (nonms){
         try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
         } 
         catch (failed){
            req = null;
         }
      }
   }
   if (req == null)
      alert("Error creating request object!");
                  
// anfrage erstellen (GET, url ist localhost,
// request ist asynchron      
   req.open("GET", path, true);
// Beim abschliessen des request wird diese Funktion ausgeführt
   req.onreadystatechange = function(){             
      switch(req.readyState) {
         case 4:
            if (req.status!=200) {
               alert("Fehler: Bild nicht gefunden"); 
            } 
            else {    
               switch (j)  {
                  case '1':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
                  case '2':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "520px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "550px";
                     }
                     window.scrollTo(0, 500);
                     break;
                  case '3':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "920px";
                     }
                     window.scrollTo(0, 950);
                     break;
                  default:
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
               }
               if (o=='1') {
                  document.getElementById("bpic").style.left = "262px";            
               }
               else {
                  document.getElementById("bpic").style.left = "202px";            
               }
//schreibe die antwort in den div container mit der id content 
               document.getElementById('bpic').innerHTML = req.responseText;
               document.getElementById("bpic").style.visibility = "visible";
            }
            break;
         default:
            return false;
            break;     
      }
   };
   req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   req.send(null);
}

function show_pic7(j, i, o) {
   var path = "fg_bilder.php?bildnr="+i+"&page=7";
//erstellen des requests
   var req = null;
   try {
   req = new XMLHttpRequest();
   }
   catch (ms){
      try {
         req = new ActiveXObject("Msxml2.XMLHTTP");
      } 
      catch (nonms){
         try{
            req = new ActiveXObject("Microsoft.XMLHTTP");
         } 
         catch (failed){
            req = null;
         }
      }
   }
   if (req == null)
      alert("Error creating request object!");
                  
// anfrage erstellen (GET, url ist localhost,
// request ist asynchron      
   req.open("GET", path, true);
// Beim abschliessen des request wird diese Funktion ausgeführt
   req.onreadystatechange = function(){             
      switch(req.readyState) {
         case 4:
            if (req.status!=200) {
               alert("Fehler: Bild nicht gefunden"); 
            } 
            else {    
               switch (j)  {
                  case '1':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "720px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "720px";
                     }
                     window.scrollTo(0, 700);
                     break;
                  case '2':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "1070px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "1150px";
                     }
                     window.scrollTo(0, 1080);
                     break;
                  case '3':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "1450px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "1520px";
                     }
                     window.scrollTo(0, 1480);
                     break;
                  case '4':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "2000px";
                     }
                     window.scrollTo(0, 1950);
                     break;
                  case '5':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "2500px";
                     }
                     window.scrollTo(0, 2450);
                     break;
                  case '6':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "3000px";
                     }
                     window.scrollTo(0, 2950);
                     break;
                  case '7':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "3440px";
                     }
                     window.scrollTo(0, 3390);
                     break;
                  case '8':
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "870px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "3870px";
                     }
                     window.scrollTo(0, 3820);
                     break;
                  default:
                     if (o=='1') {
                        document.getElementById("bpic").style.top = "20px";
                     }
                     else {
                        document.getElementById("bpic").style.top = "100px";
                     }
                     window.scrollTo(0, 0);
                     break;
               }
               if (o=='1') {
                  document.getElementById("bpic").style.left = "262px";            
               }
               else {
                  document.getElementById("bpic").style.left = "202px";            
               }
//schreibe die antwort in den div container mit der id content 
               document.getElementById('bpic').innerHTML = req.responseText;
               document.getElementById("bpic").style.visibility = "visible";
            }
            break;
         default:
            return false;
            break;     
      }
   };
   req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   req.send(null);
}

function show_a() {
document.getElementById("aktiv").style.visibility = "visible";
}

function show_v() {
document.getElementById("verein").style.visibility = "visible";
}

function del_av() {
document.getElementById("aktiv").style.visibility = "hidden";
document.getElementById("verein").style.visibility = "hidden";
}