var interval;
var i = 0;
	
function fadepics()
{
	ri = document.getElementById('rotimage').getElementsByTagName('img');
	rc = document.getElementById('rotcaption').getElementsByTagName('p');
	rn = document.getElementById('rotnav').getElementsByTagName('li');
	interval = setInterval("swapFade()",6000);
}

function fadeimg(i, ri, rc)
{
	Effect.Fade(ri[i], { duration:1, from:1.0, to:0.0 });
	Effect.Fade(rc[i], { duration:1, from:1.0, to:0.0 });	
}

function appearimg(i, ri, rc)
{	
	Effect.Appear(ri[i], { duration:1, from:0.0, to:1.0 });
	Effect.Appear(rc[i], { duration:1, from:0.0, to:1.0 });
}

function swapFade()
{
	ri = document.getElementById('rotimage').getElementsByTagName('img');
	rc = document.getElementById('rotcaption').getElementsByTagName('p');
	rn = document.getElementById('rotnav').getElementsByTagName('li');
	fadeimg(i, ri, rc);
	i++;
	if (i == ri.length) 
		i = 0;
	appearimg(i, ri, rc);
}

function chooseFade(sel)
{
	if (i == sel)
		return;
	ri = document.getElementById('rotimage').getElementsByTagName('img');
	rc = document.getElementById('rotcaption').getElementsByTagName('p');
	rn = document.getElementById('rotnav').getElementsByTagName('li');	
	clearInterval(interval);
	fadeimg(i, ri, rc);
	i = sel;
	appearimg(i, ri, rc);
	interval = setInterval("swapFade()",3000);
}

function arrowFade(dir)
{
	ri = document.getElementById('rotimage').getElementsByTagName('img');
	rc = document.getElementById('rotcaption').getElementsByTagName('p');
	rn = document.getElementById('rotnav').getElementsByTagName('li');	
	clearInterval(interval);
	fadeimg(i, ri, rc);
	i += dir;
	if (i == ri.length) 
		i = 0;
	else if (i < 0)
		i = (ri.length - 1);
	appearimg(i, ri, rc);
	interval = setInterval("swapFade()",3000);	
}