

function fader(width, height, time, delay, content){
	test = this;

	this.fwidth = width;
	this.fheight = height;
	this.ftime = time;
	this.fdelay = delay;
	this.fcontent = content;
	
	this.fdiv1 = 'div_fader_1';
	this.fdiv2 = 'div_fader_2';
	this.fdiv_main = 'div_fader_main';
	
	this.fcurrent = 0;
	this.fnext = 0;
	
	this.Create = faderCreate;
	this.Start = faderStart;
	this.Loop = faderLoop;
	this.Fade = faderFade;
	this.FadeOut = faderFadeOut;
	this.Pause = faderPause;
			
	this.falpha = 0;
	
	this.fspeed = 30;
	
	this.fcommand = 'fade';
	
	this.fstep = (1 / (this.ftime / this.fspeed));
	
	

}

function faderCreate(){
	document.write('<div style="width:' + this.fwidth + 'px; height:' + this.fheight + 'px; background:white; overflow:hidden; text-align:center;">' +
			'<div id="div_fader_1" style="width:' + this.fwidth + 'px; height:' + this.fheight + 'px; background:white; overflow:hidden;">' +
			'<\/div>'+
			'<div id="div_fader_2" style="width:' + this.fwidth + 'px; height:' + this.fheight + 'px; background:white; overflow:hidden; display:none;">' +
			'<\/div>'+			
		'<\/div>\n');
			$E(this.fdiv1).setOpacity(0);
}

function faderStart(){
	this.Loop();
	if(this.fcommand == 'fade'){
		interval = setInterval('test.Fade();', this.fspeed);
	}else{
	
	}
}

function faderFade(){
	if(this.falpha > 1 && this.fcommand == 'fade'){
		clearInterval(interval);
		this.fcommand = 'fadeout';
		setTimeout('test.Pause()', this.fdelay);
	}else if(this.falpha <= 1 && this.fcommand == 'fade'){
		this.falpha = this.falpha + this.fstep;
	}
	$E(this.fdiv1).setOpacity(this.falpha);
}

function faderPause(){
	intervalout = setInterval('test.FadeOut();', this.fspeed);
}

function faderFadeOut(){
	if(this.falpha < 0 && this.fcommand == 'fadeout'){
		clearInterval(intervalout);
		this.fcommand = 'fade';
		this.Start();
	}else if(this.falpha >= 0 && this.fcommand == 'fadeout'){
		this.falpha = this.falpha - this.fstep;
	}
	
	
	$E(this.fdiv1).setOpacity(this.falpha);

}

function faderLoop(){
//alert(this.fcontent[1]);
	if(this.fcontent.length > 1){
		
		$E(this.fdiv1).innerHTML = this.fcontent[this.fcurrent];
		
		if((this.fcurrent + 1) > (this.fcontent.length - 1)){
			this.fnext = 0;			
			$E(this.fdiv2).innerHTML = this.fcontent[this.fnext];
		}else{
			this.fnext = this.fcurrent + 1;
			$E(this.fdiv2).innerHTML = this.fcontent[this.fnext];		
		}
		
		
	}else if(this.fcontent.length == 1){
		$E(this.fdiv1).innerHTML = this.fcontent[0];
	}else{
		$E(this.fdiv1).innerHTML = '<b>Please set your slides<\/b>';	
	}

		/*$E(this.fdiv1).innerHTML = this.fcurrent;		this.fcurrent++;*/

		this.fcurrent=this.fnext;


}