/**
* start function
*/
function init_slideshow(){
	preload_pics();	
}

var current_pic1 = 0;
var current_pic2 = 0;
var time_change_image = 5000;
var pic_folder = "share/pics/home/"; 

var picArrName = new Array(
	"home0.jpg", 
	"home1.jpg", 
	"home2.jpg", 
	"home3.jpg",
	"home4.jpg"
); 


/**
* starts the slideshow
*/
function start_slideshow(){
	set_background();
	
	slide();
	if(imageArr.length > 1){
		rotation = window.setInterval("slide()",time_change_image);
	}
}

/**
* 
*/
function slide(){
	fade_in_background(current_pic1);
	current_pic2 = current_pic1;
	if(current_pic1 == imageArr.length-1){
		current_pic1 = 0;	
	}else{
		current_pic1++;	
	}
}

/**
* sets the background
*/
function set_background(){
	
	backgr = $("img_container1").firstChild;
	backgr.src = imageArr[current_pic2].src;
	
}

/**
* fades in the image on top
*/
function fade_in_background(id){
	backgr = $("img_container2").firstChild;
	$("img_container2").style.display = 'none';
	Effect.Appear('img_container2', { duration: 1.0, afterFinish: set_background });
	backgr.src = imageArr[id].src;
}


function shuffle ( myArray ) {
	var i = myArray.length;
	if ( i == 0 ) return false;
	while ( --i ) {
		var j = Math.floor( Math.random() * ( i + 1 ) );
		var tempi = myArray[i];
		var tempj = myArray[j];
		myArray[i] = tempj;
		myArray[j] = tempi;
	}
}

/*PRELOAD PICS*/
	
/**
* pic_folder = pfad zu den bildern
* picArrName = array mit den dateinamen der zu ladenden bilder
* imageArr = array in welche die bilder geladen werden
* picLoaded = anzahl Bilder welche waerend dem laden, geladen sind
*/
var imageArr = new Array(); 
var picLoaded = 0;


/**
* laed alle bilder.
*/
function preload_pics(){
	picLoaded = 0;
	for(i = 0; i < picArrName.length; i++){
		var imgName = pic_folder+picArrName[i];
		imageArr[i] = new Image();	
		imageArr[i].onload = function() {
			picLoaded++;
			if(picLoaded == picArrName.length){	
				$("loader").style.display = "none";
				start_slideshow();
			}else{
				$("loader").style.display = "block";
			}
		}
		imageArr[i].src = imgName;
	}
}
/*END PRELOAD PICS*/