var fadeTime = 750;
var cycleWait = 2000;
function setOpacity(obj, op)
{
	obj.style.opacity = op / 100;
	obj.style.filter = "alpha(opacity=" + op + ")";
}
function imgCycle(object, span1, span2)
{
	var pause = false;
	if((typeof object.rotList) == 'undefined')
	{
		object.rotList = object.getAttribute('rotImages').split(',');
		for(var i = 0; i < object.rotList.length; i++)
		{
			var preLoad = new Image();
			preLoad.src = object.rotList[i];
		}
	}
	if((typeof object.iCycle) == 'undefined') object.iCycle = 0;
	if((typeof object.iFade) == 'undefined')
	{
		span1.style.backgroundImage = "url('" + object.rotList[0] + "')";
		span2.style.backgroundImage = "url('" + object.rotList[1] + "')";
		object.iFade = 100;
	}
	object.iFade -= 2000 / fadeTime;
	if(object.iFade <= 0)
	{
		object.iFade = 100;
		setOpacity(span1, object.iFade);
		object.iCycle++;
		if(object.iCycle >= object.rotList.length) object.iCycle = 0;
		span1.style.backgroundImage = span2.style.backgroundImage;
		span2.style.backgroundImage = "url('" + object.rotList[object.iCycle] + "')";
		pause = true;
	}
	else setOpacity(span1, object.iFade);
	if(pause) setTimeout(function(){imgCycle(object, span1, span2);}, cycleWait);
	else setTimeout(function(){imgCycle(object, span1, span2);}, 20);
}
function startCycles()
{
	var e = document.getElementsByTagName('*');
	for(var i = 0; i < e.length; i++)
	{
		if(e[i].className.toLowerCase() == 'imgrot')
		{
			var span = document.createElement('span');
			span.style.zIndex = e[i].style.zIndex + 1;
			span.style.position = 'absolute';
			span.style.backgroundRepeat = 'no-repeat';
			span.style.backgroundSize = '100%';
			if(!e[i].clientWidth || !e[i].clientHeight)
			{
				span.style.width = e[i].offsetWidth.toString() + "px";
				span.style.height = e[i].offsetHeight.toString() + "px";
			}
			else
			{
				span.style.width = e[i].clientWidth.toString() + "px";
				span.style.height = e[i].clientHeight.toString() + "px";
			}
			span.style.top = /*e[i].offsetTop*/0;
			span.style.left = 0;
			span.style.margin = 0;
			span.style.border = 0;
			span.style.padding = 0;
			span.display = "block";
			var span2 = document.createElement('span');
			span2.style.zIndex = e[i].style.zIndex;
			span2.style.position = 'absolute';
			span2.style.backgroundRepeat = 'no-repeat';
			span2.style.backgroundSize = '100%';
			if(!e[i].clientWidth || !e[i].clientHeight)
			{
				span2.style.width = e[i].offsetWidth.toString() + "px";
				span2.style.height = e[i].offsetHeight.toString() + "px";
			}
			else
			{
				span2.style.width = e[i].clientWidth.toString() + "px";
				span2.style.height = e[i].clientHeight.toString() + "px";
			}
			span2.style.top = /*e[i].offsetTop*/0;
			span2.style.left = 0;
			span2.style.margin = 0;
			span2.style.border = 0;
			span2.style.padding = 0;
			span2.display = "block";
			e[i].insertBefore(span2, e[i].firstChild);
			e[i].insertBefore(span, e[i].firstChild);
			imgCycle(e[i], span, span2);
		}
	}
}

