var currentPic = 0;
var diaTimer = 0 ;
var diaRichtung = "UP";
var currentThumb = 0 ;


function thumbUp () {

	if ( currentThumb < maxThumbs - visibleThumbs ) 	currentThumb += visibleThumbs ;

	 zeichneThumbs (  ) ;
}


function thumbDown () {
	  if ( currentThumb > 0 )  currentThumb -= visibleThumbs  ;
	    zeichneThumbs (  ) ;
}

function zeichneThumbs (  ) {
    aktThumb = currentThumb ;

   	 for ( thumbNr = 0 ; thumbNr < visibleThumbs ; thumbNr ++ ) {
   	 	     if ( aktThumb < maxThumbs ) {
   	       document.getElementById("thumbPic"+thumbNr).src =     thumb_source[ aktThumb ] ;
   	      } else {
   	       document.getElementById("thumbPic"+thumbNr).src =   "fotos/OnePixel.gif"  ;
   	      }
           aktThumb ++ ;
   	}

}

function zeig_gross_bild ( bild_nummer ) {

 // window.document.images[0].src = grosse_bilder [ bild_nummer ].src ;
 if ( document.getElementById ) {
 	bigPicPos = 0 ;
 	bild_nummer = bild_nummer + currentThumb ;

  if ( adjust_for_scrolling == true ) {

 	pageScrollAmount =  getScrollTop() ;
 	bigPicPos = Number(pageScrollAmount ) + Number(script_bigfototop )  ;
  }

  block = document.getElementById("bigPicImg1");
  block.src =  grosse_bilder [ bild_nummer ].src ;

  block = document.getElementById("big_pics_div1");
  block.style.zIndex = 10 ;
  block.style.top = bigPicPos + "px" ;

  block = document.getElementById("big_pics_div2");
  block.style.zIndex = 9 ;
  block.style.top = bigPicPos + "px" ;

  block = document.getElementById("blende");
  block.style.zIndex = 5 ;
  block.style.top = "0px" ;

      captionblock = document.getElementById("caption1") ;
    if (captionblock != null ) {
    //	alert (  document.getElementById("caption1") ) ;
    //	alert (  document.getElementById("caption1").firstChild ) ;
    //	alert (   document.getElementById("caption1").firstChild.nodeValue ) ;
    document.getElementById("caption1").innerHTML =  bilder_titel [ bild_nummer ] ;
  }

block =  document.getElementById("thisPic") ;
if ( block != null ) {
 block.value = bild_nummer  + 1 ;

}


  return;

  // Change Bild Navigation
  currentPic =  bild_nummer ;
  block = document.getElementById("thumbnav");
  if ( block != null ) {
  block.style.visibility = "hidden";
}
  block = document.getElementById("bigpicnav");
  if ( block != null ) {  block.style.visibility = "visible"; }

    // alert ( currentPic ) ;

  	if ( currentPic == grosse_bilder.length - 1  ) {
		block = document.getElementById("arrowR");
     if ( block === null ) {
     	} else {
     	block.src = "bilder/galerie-null-pfeil.gif" ;
     	}
	}
  	if ( currentPic ==  0  ) {

		block = document.getElementById("arrowL");

     if ( block != null ) {
     		} else {
        block.src = "bilder/galerie-null-pfeil.gif" ;
        }
	}


 }
}


function getScrollTop(){
    if(typeof pageYOffset!= 'undefined'){
        //most browsers
        return pageYOffset;
    }
    else{
        var B= document.body; //IE 'quirks'
        var D= document.documentElement; //IE with doctype
        D= (D.clientHeight)? D: B;
        return D.scrollTop;
    }
}



function versteck_gross_bild (  ) {

 if ( document.getElementById ) {
    block = document.getElementById("big_pics_div1");
    block.style.zIndex = 1 ;
    block.style.top = "-2000px" ;
    block = document.getElementById("big_pics_div2");
    block.style.zIndex = 1 ;
    block.style.top = "-2000px" ;
    block = document.getElementById("blende");
    block.style.zIndex = 1 ;
    block.style.top = "-2000px"  ;
  // Change Bild Navigation
  block = document.getElementById("thumbnav");
      if ( block != null ) {
  block.style.visibility = "visible";
}
  block = document.getElementById("bigpicnav");
      if ( block != null ) {
  block.style.visibility = "hidden";
  }
  }
}
function decidePfeile () {

	block = document.getElementById("arrowR");
	if ( currentPic == grosse_bilder.length - 1  ) {
    block.src = "bilder/galerie-null-pfeil.gif" ;
	} else {
    block.src = "bilder/galerie-recht-pfeil.gif" ;
	}

		block = document.getElementById("arrowL");
	if ( currentPic ==  0  ) {
    block.src = "bilder/galerie-null-pfeil.gif" ;
	} else {
    block.src = "bilder/galerie-link-pfeil.gif" ;
	}

	}

function next_bild () {
     if ( blendingActive ) {
       bildUp = true ;
       return ;
     }

		block = document.getElementById("arrowL");
    block.src = "bilder/galerie-link-pfeil.gif" ;

	currentPic ++ ;
	if ( currentPic == grosse_bilder.length - 1  ) {
		block = document.getElementById("arrowR");
    block.src = "bilder/galerie-null-pfeil.gif" ;
	}

	if ( currentPic >= grosse_bilder.length ) { currentPic = grosse_bilder.length - 1 ; }

    	blendimage ( currentPic ) ;

}


function next_dia () {
           revertPic = currentPic ;

   	 if ( diaRichtung == "UP" ) {	currentPic ++  } else {	currentPic -- };

	if ( currentPic >= grosse_bilder.length ) { currentPic = 0 ; } // alert ( "end" + currentPic ) ; }
	if ( currentPic < 0  ) { currentPic = grosse_bilder.length - 1 ; }

	if (  grosse_bilder [ currentPic ].width == 0 ) {   // Bild not loaded yet
	   currentPic = revertPic ;
             diaTimer =  setTimeout(" next_dia ()", 5000);
	   return ;
	}

	blendimage ( currentPic ) ;

	// wiesel ---------------------------------  redraw thumbs from current place

      thumbToShow =  currentPic ;
	    for ( diaNr = 0 ; diaNr < 4 ; diaNr ++ ) {

	    		if ( thumbToShow >= grosse_bilder.length ) { thumbToShow = 0 ; }

	    		block = document.getElementById("thumbPic"+diaNr) ;

        if ( block != null ) {
	     	   block.src =   grosse_bilder [thumbToShow ].src  ;
        }
          thumbToShow ++ ;
	   }

	// wiesel ---------------------------------



	// alert ( "pause" ) ;
    diaTimer =  setTimeout( "next_dia ()",5000);
  // next_dia () ;
}

function first_dia () {



	currentPic = - 1  ;

	// document.getElementById("bigPicImg1").src =  grosse_bilder [ currentPic ].src ;
	document.getElementById("bigPicImg1").src =  "fotogalerie/" + script_wait_pic_name ;

          diaTimer = setTimeout(" next_dia ()", 1000);
}

function display_dia () {
	      diaTimer =  setTimeout(" display_dia ()",5000);
	alert ( grosse_bilder [ 0 ].src + "," +  grosse_bilder [ 1 ].src + "," + grosse_bilder [ 2 ].src + "," + grosse_bilder [ 3 ].src + "," + grosse_bilder [ 4 ].src + "," + grosse_bilder [ 5 ].src );
}



function pause_diashow () {
    	 clearTimeout ( diaTimer );
}


function prev_bild () {
     if ( blendingActive ) {
       bildDown = true ;
       return ;
     }

 block = document.getElementById("arrowR");
 block.src = "bilder/galerie-recht-pfeil.gif" ;


	currentPic -- ;
	if ( currentPic ==  0  ) {
		block = document.getElementById("arrowL");
    block.src = "bilder/galerie-null-pfeil.gif" ;
	}

	if ( currentPic < 0 )  { currentPic = 0 ; }

	blendimage ( currentPic ) ;

}
	function blendimage( newpic ) {
    var speed = 10;
    var timer = 0;
         //  alert ( "start " ) ;

    // copy current image to lower pic
   //  document.getElementById("big_pics_div2").style.backgroundImage =   "url(" + document.getElementById("bigPicImg").src + ")" ;
    // alert (  document.getElementById("bigPicImg2").src ) ;
    document.getElementById("bigPicImg2").src  =    document.getElementById("bigPicImg1").src  ;


    captionblock = document.getElementById("caption1") ;
    if (captionblock != null ) {
    document.getElementById("caption2").value  =    document.getElementById("caption1").value  ;
    document.getElementById("caption2").style.top  =    document.getElementById("caption1").style.top  ;
  }


    changeOpac(100, 'big_pics_div2' );
    changeOpac(0, 'big_pics_div1' );
          for(i = 0; i <= 10000; i++) {
          wasteTime = "this is a loop to waste some time until bigPicImg2 really is auf 0 " ;
    }
    if (captionblock != null ) {
    document.getElementById("caption1").value =  bilder_titel[ newpic ] ;
  }
    document.getElementById("bigPicImg1").src =  grosse_bilder [ newpic ].src ;

    blending =  setTimeout ( "resetBlending()", 120 * speed ) ;
    blendingActive  = true ;
    //fade images
    for(i = 0; i <= 100; i++) {
        setTimeout("blendElements ( "+ i + " ) ",(timer * speed));
        timer++;
    }

   //  akt_i = 0 ;
   //  fadeTimer = setTimeout ( " edsFade (); " , 1 ) ;

}

     function blendElements ( i ) {
      j = 100 - i ;
      changeOpac( i ,'big_pics_div1') ;

      changeOpac( j ,'big_pics_div2') ;
     // changeOpac( j ,'caption2') ;
     }



     var blendingActive = false ;
     var manualChange   = false ;
     var bildUp         = false ;
     var bildDown       = false ;

     function resetBlending () {
     blendingActive = false ;
     if ( manualChange == true ) {
      clearTimeout ( diaTimer ) ;
      manualChange = false ;
      next_dia () ;
}
     if (bildUp == true ) {
      bildUp = false ;
      next_bild () ;
   }
     if (bildDown == true ) {
      bildDown = false ;
      prev_bild () ;
   }
}

     function nextDiaManual () {
     diaRichtung = "UP" ;
     if ( blendingActive ) {
       manualChange = true ;
     }  else {
     clearTimeout ( diaTimer ) ;
     next_dia () ;
}
}

     function prevDiaManual () {
     diaRichtung = "DOWN" ;
     if ( blendingActive ) {
       manualChange = true ;
     }  else {
     clearTimeout ( diaTimer ) ;
     next_dia () ;
}
}


     function nextBildManual () {
     if ( blendingActive ) {
       bildUp = true ;
     }  else {
     next_bild () ;
}
}

     function prevBildManual () {
     if ( blendingActive ) {
       bildDown = true ;
     }  else {
     prev_bild () ;
}
}



             var akt_i = 0 ;

     function edsFade ( ) {

     while (  akt_i  < 100 ) {

     	// alert ( "fading " + akt_i  ) ;
          var object = document.getElementById("bigPicImg1").style;
      object.MozOpacity = (akt_i / 100);
 // changeOpac( akt_i ,'bigPicImg1') ;
  j = 100 - akt_i ;
          var object = document.getElementById("bigPicImg2").style;
              object.MozOpacity = (j / 100);
 // changeOpac( j ,'bigPicImg2') ;
   akt_i ++ ;

  // if ( akt_i < 100 ) { fadeTimer = setTimeout ( " edsFade () ; " , 1 ) ;  }
}
}


//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}