// JavaScript Document
/* ----- JS-Slideshow Version 1.0 -------------
-------- by Daniel Benkenstein ----------------
-------- © Flatspin Web Solutions 2007 --------
---------------------------------------------*/
 
maximg=5;  // Anzahl Bilder
sek=12;   // Geschwindigkeit Bilderwechsel
speed=sek*600;
fading=15;  // Fading Speed in ms
bilderpfad = 'http://www.cvja.co.za/images/images_fade/';
 

function startup(){ 
 number=0;
 while(number==0 || number >= maximg){
  number=Math.round(Math.random()*20); // ---- Display Random Image
 }
 fadeimg = number + 1;
 document.getElementById('headerimg').src = bilderpfad + number + ".jpg";
 document.getElementById('fader').src = bilderpfad + fadeimg + ".jpg";
 start();
}
 
function start(){
 // ----- set Fader invisible
 opacity=0;
 document.getElementById('fader').style.MozOpacity = opacity; // Older Mozilla and Firefox
 document.getElementById('fader').style.opacity = opacity; // Safari 1.2, newer Firefox and Mozilla, CSS3
 document.getElementById('fader').style.filter = "alpha(opacity:"+ opacity +")"; // IE/Windows
 document.getElementById('fader').style.KHTMLOpacity = opacity; // Safari < 1.2, Konqueror
 
 document.getElementById('fader').src = bilderpfad + fadeimg + ".jpg";
 setTimeout( "fadein()", speed/2 );
}
 
function fadein(){
 opacity++;
 
 if(opacity >= 100) opacity=99.999; // Fix for math error in some browsers
 
 document.getElementById('fader').style.MozOpacity = opacity/100; // Older Mozilla and Firefox
 document.getElementById('fader').style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
 document.getElementById('fader').style.filter = "alpha(opacity:" + opacity +")"; // IE/Windows
 document.getElementById('fader').style.KHTMLOpacity = 0; // Safari < 1.2, Konqueror
 
 timer_fadein = setTimeout("fadein()",fading);
 if(opacity ==99.999) {
  clearTimeout(timer_fadein);
  nextimg();
 }
}
 
function nextimg(){
 number++; // show next picture
 if( number > maximg ) number = 1; // if there are no more new pictures > show the first image again
 fadeimg = number + 1;
 if( number > ( maximg-1 ) ) fadeimg = 1; // if there are no more new pictures > fadein the first image again
 
 document.getElementById('headerimg').src = bilderpfad + number + ".jpg";
 change = setTimeout("start()",speed/2);
}