// JavaScript Document

//Startvariablen festlegen (Ansichtssache)
   var first = 1;
   var current = 1;

// Funktion zum automatischen Slide der Bilder (2.5 Sek)
   
        //change the opacity for different browsers
   function changeOpac(opacity, id) {
         var object = document.getElementById('slide' + current);
         object.opacity = (opacity / 100);
         object.MozOpacity = (opacity / 100);
         object.KhtmlOpacity = (opacity / 100);
         object.filter = "alpha(opacity=" + opacity + ")";
     } 
       
    function nextPicture(last) {
         // Aktuelles Bild ist Object
         object = document.getElementById('slide' + current);
         
         // Hide current picture
         object.style.display = 'none';
         
         // Show next picture, if last, loop back to front
         if (current == last) { current = first; }
         else { current++ }
         
         object = document.getElementById('slide' + current);
         object.style.display = 'block';
         
         //Autoplay auf 2.5 Sekunden
         //setTimeout(nextPicture, 2500); 
     }
      
     function previousPicture(last) {
         // Hide current picture
         object = document.getElementById('slide' + current);
         object.style.display = 'none';
               
         if (current == first) { current = last; }
         else { current--; }
         object = document.getElementById('slide' + current);
         object.style.display = 'block';
     }
      
           
 /*  function nextPicture() {
         //new
         var speed = Math.round(500 / 100);
         var timer = 0;
         
         // Aktuelles Bild ist Object
         object = document.getElementById('slide' + current);
         
         // Hide current picture
         //old - object.style.display = 'none';
         
         //new - Aktuelles Bild wird Hintergrundbild
         object.style.backgroundImage = "url(" + object.src + ")";
         
         //new - make image transparent
         changeOpac(0, object);
         
         // Show next picture, if last, loop back to front
         if (current == last) { current = 1; }
         else { current++ }
         
         //make new image
         //document.getElementById(imageid).src = imagefile;
         object.src = "url('" + document.getElementById('slide' + current).src + "')";

         //fade in image
         for(i = 0; i <= 100; i++) {
            setTimeout("changeOpac(" + i + ",'" + object + "')",(timer * speed));
            timer++;
         }
         
         // old - object = document.getElementById('slide' + current);
         // odl - object.style.display = 'block';
         
         //Autoplay auf 2.5 Sekunden
         //setTimeout(nextPicture, 2500); 
      }*/


     
/*   function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
} */