// Thumb-O-Scroll
// Grundlage: Thumb-O-Matic von Christain Heilmann
// Anpassung: Rainer Fischer

var trigger=0
var DOM=(document.getElementById) ? 1 : 0; // Internet Explorer ab 5 oder Netscape ab 6
var IE=(document.all) ? 1 : 0; // Internet Explorer 4
var NS=(document.layers) ? 1 : 0; // Netscape 4

function zack() {
alert("na doch");
}

// Versteckt Layer auf Klick
function clearpic() {
   if (DOM) {
      document.getElementById('picarea').style.visibility="hidden";
      //document.getElementById('cover').style.visibility="hidden";
      }
   else if (NS) {
      document.layers['picarea'].visibility="hide";
      document.layers['cover'].visibility="hide";
      }
   else if (IE) {
      picarea.style.visibility="hidden";
      cover.style.visibility="hidden";
      }
}


function dopic(name,picx,picy,imagex,imagey,safety) {
   // Variablen Definitionen
   // Layer-Koordinaten
   var oldpicx=100;
   var oldpicy=100;
   // Alt-text
   var alttext='Klicken Sie hier um das Bild zu schlie&szlig;en'
   // Leergif f&uuml;r Speicherschutz
   var clrname="dot_clear.gif"
   //Falls keine x+y Angaben gemacht wurden, Standards verwenden
   if (picx == null) {
      picx=oldpicx
      picy=oldpicy
      }

   if (DOM) {
      if (navigator.appName=="Netscape") picy=picy+pageYOffset;
      if (navigator.appName=="Microsoft Internet Explorer") picy=picy+document.body.scrollTop;
         if (trigger==1) {
              document.getElementById('picarea').style.visibility="hidden";
              //document.getElementById('cover').style.visibility="hidden";
              }
         else if (trigger==0) {
            trigger=1;
            document.getElementById('thumbo').innerHTML = '<div id="picarea" name="picarea" style="z-index:200; position:absolute"; left:' + picx + 'px; top:' + picy + 'px;></div>';
            /*document.write('<div id="cover" name="cover" style="z-index:202; position:absolute"; left:' + picx + 'px; top:' + picy + 'px;>&nbsp;</div>'); */
            }
         content='<a href="javascript:clearpic()"><img src="';
         content=content + name + '" alt="' + alttext + '" border="0"';
         if (imagex != null) content=content + ' width="' + imagex + '"';
         if (imagey != null) content=content + ' height="' + imagey + '"';
         content=content+'></a>';
         document.getElementById('picarea').innerHTML = content;
            if(picx !=null) {
               document.getElementById('picarea').style.top=picy;
               document.getElementById('picarea').style.left=picx;
               }
            document.getElementById('picarea').style.visibility="visible";
            /*if (safety !=null && safety==1) {
               ovlcontent='<a href="javascript:clearpic()"><img src="';
               ovlcontent=ovlcontent + clrname + '" alt="' + alttext + '" border=0 width="' + (imagex+5) + '" height="' + (imagey+5)+ '"></A>';
               alert(ovlcontent);
                }*/
   }

   else if (IE) {
      picy=picy+document.body.scrollTop;
   if (trigger != 0) {
         picarea.style.visibility="hidden";
         cover.style.visibility="hidden";
         }
   else if (trigger!=1) {
      trigger=1
      document.body.insertAdjacentHTML("BeforeEnd",'<DIV ID="picarea" STYLE="z-index:200;position:absolute;left:"+picx+";top:"+picy></DIV>');
      document.body.insertAdjacentHTML("BeforeEnd",'<DIV ID="cover" STYLE="z-index:202;position:absolute;left:"+picx+";top:"+picy></DIV>');
         }
   content="<a href=\"javascript:clearpic()\"><img src=\"";
   content=content+name+"\" alt=\""+alttext+"\" border=0";
   if (imagex != null) content=content+" width=\""+imagex+"\" ";
   if (imagey != null) content=content+" height=\""+imagey+"\" ";
   content=content+"></A>";
      document.all['picarea'].innerHTML = content;
         if(picx !=null) {
            picarea.style.top=picy;
            picarea.style.left=picx;
            }
         picarea.style.visibility="visible";
   if (safety!=null && safety==1) {
      ovlcontent="<a href=\"javascript:clearpic()\"><img src=\"";
      ovlcontent=ovlcontent+clrname+"\" alt=\""+alttext+"\" border=0 width=\""+(imagex+5)+"\" height=\""+(imagey+5)+"\" ></A>";
            document.all['cover'].innerHTML = ovlcontent;
            cover.style.top=picy;
            cover.style.left=picx;
            cover.style.visibility="visible";
      }
   }

   else if (NS) {
      picy=picy+pageYOffset;
      if (trigger != 0) {
            document.layers['picarea'].visibility="hide";
            document.layers['cover'].visibility="hide";
            }
      else if (trigger!=1) {
         trigger=1;
         document.layers['picarea'] = new Layer(1);
         document.layers['picarea'].left = oldpicx;
         document.layers['picarea'].top = oldpicy;
         document.layers['picarea'].height = 20;
         document.layers['picarea'].visibility = "hidden";
         document.layers['cover'] = new Layer(1);
         document.layers['cover'].left = oldpicx;
         document.layers['cover'].top = oldpicy;
         document.layers['cover'].height = 20;
         document.layers['cover'].visibility = "hidden";
         }
      content="<a href=\"javascript:clearpic()\"><img src=\"";
      content=content+name+"\" alt=\""+alttext+"\" border=0";
      if (imagex != null) content=content+" width=\""+imagex+"\" ";
      if (imagey != null) content=content+" height=\""+imagey+"\" ";
      content=content+"></A>";
         document.layers['picarea'].document.open();
         document.layers['picarea'].document.write(content);
         document.layers['picarea'].document.close();
            if (picx !=null) {
               document.layers['picarea'].left = picx;
               document.layers['picarea'].top = picy;
               }
            document.layers['picarea'].visibility="show";
      if (safety !=null && safety==1) {
         ovlcontent="<a href=\"javascript:clearpic()\"><img src=\"";
         ovlcontent=ovlcontent+clrname+"\" alt=\""+alttext+"\" border=0 width=\""+(imagex+5)+"\" height=\""+(imagey+5)+"\" ></A>";
            document.layers['cover'].document.open();
            document.layers['cover'].document.write(ovlcontent);
            document.layers['cover'].document.close();
               document.layers['cover'].left = picx;
               document.layers['cover'].top = picy;
               document.layers['cover'].visibility="show";
      }
   }
// für alte Browser neues Fenster
   // else if (DOM) self.location=name;
   else if (IE == null && NS == null) {self.location=name};
}
