/*
	Fader 0.1
	Liran Oz - 2007

*/

var layer1;
var direction = 0;
var interval_up = 30;
var interval_down = 50;
var display_time = 2500;
var opacity = 100;
var cur_image = 0;
var Interval;
image_src = new Array();
pre = new Array();



image_src[0] = "images/home/roll1.jpg";
image_src[1] = "images/home/roll2.jpg";
image_src[2] = "images/home/roll3.jpg";
image_src[3] = "images/home/roll4.jpg";
image_src[4] = "images/home/roll5.jpg";

function init_fader()
{
	var i;
	//Get the 2 elements needed for fade
	layer1 = document.getElementById("layer1");
	//precahce image
	
	for (i=0; i<image_src.length; i++) {
		pre[i] = new Image();
		pre[i].src = image_src[i];
	}
	//only when all images are precached, start fading (will display default image until precached)
	direction = 0;
	
	Interval = window.setInterval("fader();",display_time);	
}

function fader()
{
	if (direction == 0) {		//we need to fade out now
		//stop interval
		window.clearInterval(Interval);
		//set to fade out
		direction = -1;
		Interval = window.setInterval("fader();",interval_down);	
	}
	
	else if (direction == -1) {
		opacity -= 1;
		if (opacity <= 0) {
			opacity = 0;
			window.clearInterval(Interval);
			//switch image
			cur_image ++;
			if (cur_image >= image_src.length) {
				cur_image = 0;
			}
			layer1.src = pre[cur_image].src;
			direction = 1;
			Interval = window.setInterval("fader();",interval_up);
		}
	}
	else if (direction == 1) {
		opacity += 1;
		if (opacity >= 100) {
			opacity = 100;
			window.clearInterval(Interval);
			direction = 0;
			Interval = window.setInterval("fader();",display_time);
			
		}
	
	}
	set_opacity(opacity);
}

function set_opacity(op)
{
		setStyleById("layer1", "filter", "alpha(opacity="+op+")");
		setStyleById("layer1", "opacity", op/100);
		setStyleById("layer1", "-moz-opacity", op/100);	
}