var speed = 2; //in seconds
var delay = 2.5; //delay between swaps
var count = 22; //number of images to rotate

var fade_delay = 25; //in ms

var num = 2;
var timer = false;
var img0 = false;
var img1 = false; //will always be the hidden image!
var tick = (100/speed)/(1000/fade_delay);
var fade_value = 0;

function rotator_rotate(){

	rotator_assign(img1,fade_value);
	img1.style['display'] = "inline";
	rotator_fade();
}

function rotator_fade(){
	fade_value += tick;
	if(fade_value > 100) fade_value = 100;
	
	rotator_assign(img1,fade_value);

	if(fade_value==100){
		img0.src = img1.src;

		fade_value = 0;	

		num = (num+1);
		if(num>count)num = 1;
		
		setTimeout(rotator_hideimg,(delay*1000)/4);
		setTimeout(rotator_newimg,(delay*1000)/2);
		timer = setTimeout(rotator_rotate,delay*1000);
	}else{
		timer = setTimeout(rotator_fade,fade_delay);
	}
}

function rotator_hideimg(){
		img1.style['display'] = "none";
		rotator_assign(img1,fade_value);
}
function rotator_newimg(){
	img1.src = "rotator/images/" + (num<10 ? "0"+num : num) + ".jpg";	
}

function rotator_assign(obj,opacity){
	obj.style['opacity'] = (opacity/100);
	obj.style['-moz-opacity'] = (opacity/100);
	obj.style['filter'] = "alpha(opacity=" + opacity + ")";
}

function rotator_init(){
	img0 = document.getElementById("rimg0");
	img1 = document.getElementById("rimg1");
	
	if(img0 && img1){
		timer = setTimeout(rotator_rotate,delay*1000);
	}
}