//-------------------------------Beginn Java Script -----------------------------------
//-------------------------------------------------------------------------------------

   var lauf_oben = 0;
   var lauf_unten = 200;

   var millisekunde = 50;
   var pos_verschiebung = 1;
   var richtung = "links";
   var stop_rechts = true;
   var stop_links = false;
   var anzahlthumbnails = 8 ;       // HIER ANZAHL DEINER BILDER
   var nummer;

   var isNetscape4 = false;
   var isNetscape6 = false;
   var isIE        = false;

   var erste_ausgabe = false;
   var infowin;

//--------------------------------------------------------------------------
   function init () {
//   alert ("screen.width = " + screen.width);
     if (navigator.appName.indexOf("Netscape") != -1) {
        if (parseInt(navigator.appVersion)==4) {
             // Netscape Communicator 4.x
             isNetscape4 = true;
             alert ("Netscape4");
        } else if (parseInt(navigator.appVersion) >=5) {
               // Netscape 6 oder Mozilla
               isNetscape6 = true;
//               alert ("Netscape 6 oder Mozilla");

        }
      } else {
          if ((parseInt(navigator.appVersion)>=4) && (navigator.appName.indexOf("Microsoft") != -1)){
               // MSIE 4.x oder höher
               isIE = true;
//               alert ("Internet Explorer");
          }
          if (navigator.userAgent.indexOf("Opera 5") != -1) {
                // Opera 5.x wird wie Microsoft IE behandelt
                isIE = true;
                alert ("Opera");
          }
      }

      if (isIE) {
      document.onmousemove = geschwindigkeit;
      }
      if (isNetscape4){
//          alert ("capture");
          document.captureEvents(Event.MOUSEMOVE);
      document.onmousemove = geschwindigkeit;
      }
      if (isNetscape6){
//          alert ("addEventListener");
          document.addEventListener("mousemove",geschwindigkeit,false);
      }



   }

//-----------------------------------------------------------------------------
   function geschwindigkeit (evt) {

       if (isIE) {
         akt_maus_pos = event.clientX;
         akt_maus_posy = event.clientY;
status ="geschwindigkeit pos: " + akt_maus_pos;
       }
       if (isNetscape4){
         akt_maus_pos = e.pageX ;
         akt_maus_posy = e.pageY ;

       }
       if (isNetscape6){
         akt_maus_pos = evt.clientX;
         akt_maus_posy = evt.clientY;
      }
      if ((akt_maus_posy >= lauf_oben) && (akt_maus_posy <= lauf_unten)) {
          if ( akt_maus_pos < 80 ) {
             millisekunde = 10 ;
             pos_verschiebung = 3;
             richtung = "rechts";
          }
          if ( (akt_maus_pos >= 80) && ( akt_maus_pos < 200 ) ){     // HIER JEWEILS EINSTELLEN BEI WELCHER
                                                                     // POSITION DER MAUS DIE LAUFBILDER
                                                                     // REAGIEREN SOLLEN
             millisekunde = 50 ;
             pos_verschiebung = 2 ;
             richtung = "rechts";
          }
          if ( (akt_maus_pos >= 200) && ( akt_maus_pos < 380 ) ){
             millisekunde = 200 ;
             pos_verschiebung = 0 ;

          }
          if ( (akt_maus_pos >= 380) && ( akt_maus_pos < 500 ) ){
             millisekunde = 50 ;
             pos_verschiebung = 2 ;
             richtung = "links";
          }
          if ( akt_maus_pos >= 500 ){
             millisekunde = 10 ;
             pos_verschiebung = 3 ;
             richtung = "links";
          }
      } // end if akt_maus_posy


   }

//---------------------------------------------------------------------------------------
   function laufen(){

      var i , elementId ;

      for ( i= 0; i < anzahlthumbnails ; i++ ) {

        elementId = 'pos' + i;

         var bewegen = document.getElementById(elementId);

         var x = parseInt(bewegen.style.left);

         if ((x <= 740) && (x >= - 120 )) {                   // Hier einstellen wann sichtbar
                bewegen.style.visibility = "visible";
         } else {
                bewegen.style.visibility = "hidden";
         }
         if ((richtung == "links") && !stop_links) {
            stop_rechts = false ;
            if ((i == anzahlthumbnails - 1)&& (x < 575)) {     // HIER EINSTELLEN BIS WOHIN DAS LETZTE NACH LINKS DARF

               stop_links = true ;
            }

                  bewegen.style.left = x - pos_verschiebung;

          } else if ((richtung == "rechts") && !stop_rechts){
             stop_links = false ;
             if ((i == 0)&& (x >= 28)) {            // HIER EINSTELLEN BIS WOHIN DAS ERSTE NACH RECTHS DARF
               stop_rechts = true ;
             } else {

                  bewegen.style.left = x + pos_verschiebung;

             }
          }
      }
      setTimeout ("laufen()",millisekunde);
   }