var percent = 100;
var state = 'pause';
var switch_to = 0;
var shown = 0;
var long_pause = 4000;
var short_pause = 16;

var imgs = [
	//"size320/fitz1.jpg",
	"size320/fitz2.jpg",
	"size320/fitz3.jpg",
	"size320/fitz4.jpg",
	//"size320/fitz5.jpg",
	"size320/kit1.jpg",
	"size320/kit2_wide.jpg",
	"size320/kit3_wide.jpg",
	"size320/kit4.jpg",
	"size320/kit5.jpg",
	"size320/kit6_wide.jpg",
	"size320/kit7.jpg",
	"size320/kit11.jpg",
	"size320/saw1.jpg"
	];

function hasOpacity()
{
	if (document.layers)
		return false;
	if (window.opera)
		return false;
	return true;
}
function SetImage(srcnum)
{
	var i0 = document.getElementById("image0");
	i0.src = imgs[srcnum];
}
function SetOpacity(perval)
{
	var i0 = document.getElementById("image0");
	if (i0.filters) {
		// ie
		if (i0.filters.alpha)
			i0.filters.alpha.opacity = perval;
		else
			i0.filters.alpha = perval;
	}
	else		// firefox
		i0.style.MozOpacity = (perval* .01);
}
function Log(str)
{
	var debug = document.getElementById("Debug");
	debug.value += str;
}
function OnTimer()
{
	//Log(state + " " + percent + " shown" + shown);
	//Log("\n");
	if (state == 'out')
	{
		percent -= 4;
		if (percent < 0)
			percent = 0;
		SetOpacity(percent );
		if (percent == 0)
		{
			SetImage(switch_to);
			state = 'in';
		}
	}
	else if (state == 'in')
	{
		percent += 4;
		if (percent > 100)
			percent = 100;
		SetOpacity(percent);
		if (percent == 100)
		{
			state = 'pause';
		}
	}
	else if (state == 'pause')
	{
		shown += 1;
		if (shown == imgs.length)
			shown = 0;
		switch_to = shown;
		state = 'out';
	}
	CallTimer();
}
function CallTimer()
{
	if (state == 'pause')
		self.setTimeout("OnTimer()",  long_pause);
	else
		self.setTimeout("OnTimer()",  short_pause );
}