/**
* Image fader
* 
* @param String sliderId ID of the DIV holding the images
* @param Int fadeTime Number of milliseconds a fade lasts
* @param Int waitTime Number of milliseconds between 2 fades
*/
var imageFader = function(faderId, fadeTime, waitTime){
	
	//fetch images
	var faderObject = document.getElementById(faderId);
	var images = faderObject.getElementsByTagName('img');
	
	//continue only if there's more than one image
	if (images.length > 1){
	
		//set-up images
		for (var i=0; i < images.length; i++){
			
			//hide all but the first image
			if (i > 0){
				
				//here comes the opacity
				images[i].style['opacity'] = 0;
				images[i].style['-moz-opacity'] = 0;
				images[i].style['-khtml-opacity'] = 0;
				images[i].style['filter'] = 'alpha(opacity=0)';
				images[i].style['-ms-filter'] = 'alpha(opacity=0)';
			}
			
			//place 'm on top of each other
			images[i].id = faderId +'-img-'+ i;
			images[i].style['position'] = 'absolute';
			images[i].style['float'] = 'left';
			images[i].style['z-index'] = i;
		} 
		
		//start fading
		setTimeout("fadeImage('"+ faderId +"', '"+ fadeTime +"', '"+ waitTime +"', 1)", waitTime);
	}
}

/**
* Fades an image
*/
function fadeImage(faderId, fadeTime, waitTime, curItteration){
	
	//fetch images
	var faderObject = document.getElementById(faderId);
	var images = faderObject.getElementsByTagName('img');
	
	//fade last image out if first itteration
	if (curItteration == 0){
		
		fadeObject(images[images.length -1].id, 1, 0, fadeTime);
	}
	
	//fade next image in otherwise and hide current after
	else{
		
		fadeObject(images[curItteration].id, 0, 1, fadeTime);
		if (curItteration != 1) setTimeout("hideImage('"+ images[curItteration -1].id +"')", fadeTime);
	}
	
	//define next image
	curItteration = curItteration == images.length -1 ? 0 : curItteration +1;
	
	//set next timeout
	setTimeout("fadeImage('"+ faderId +"', '"+ fadeTime +"', '"+ waitTime +"', "+ curItteration +")", waitTime);
}

/**
* Hides an image
*/
function hideImage(imageId){
	
	//fetch id
	var hideImage = document.getElementById(imageId);
	
	//set opacity
	hideImage.style['opacity'] = 0;
	hideImage.style['-moz-opacity'] = 0;
	hideImage.style['-khtml-opacity'] = 0;
	hideImage.style['filter'] = 'alpha(opacity=0)';
	hideImage.style['-ms-filter'] = 'alpha(opacity=0)';
}