currentBox = 0;
numBoxes = 3;
tempStopBoxes = false;

function fadeOut(eid)
{
	fade(eid, -1);
}
function fadeIn(eid)
{
	fade(eid, 1);
}

function fade(eid, dir)
{
	var element = document.getElementById(eid);
	if(element == null) return;

	element.onmouseover = null; // disable mouse over
	element.FadeState = dir;
	element.FadeTimeLeft = TimeToFade;
	setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);

}


function animateFade(lastTick, eid)
{
	if(abortFade) return false;

	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
 
	var element = document.getElementById(eid);
 
	if(element.FadeTimeLeft <= elapsedTicks)
	{
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;

		element.style.visibility = "hidden"; // MAKE IT HIDDEN
		return;
	}
 
	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft/TimeToFade;
	if(element.FadeState == 1) newOpVal = 1 - newOpVal;

	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
	setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}


window.onload=function(){hideAllBoxes();showNextBox();};

function hideAllBoxes()
{
	for(x=1; x<=numBoxes; x++)
	{
		elem = getElemById("CyclePortfolio"+x);
		elem.style.display='none';
		elem = getElemById("IconPortfolio"+x);
		elem.className='portfolioMarker';
	}
}



function showNextBox()
{
	if(!tempStopBoxes)
	{
		showBoxContent(currentBox);
		currentBox++;
		if(currentBox == numBoxes) currentBox = 0;
	}
	setTimeout("showNextBox()", 2000);
}

function showBoxContent(selBox)
{
	box = selBox+1;
	hideAllBoxes();
	elem = getElemById("CyclePortfolio"+box);
	elem.style.display='block';
	elem = getElemById("IconPortfolio"+box);
	elem.className='portfolioMarkerActive';
}

function selBoxContent(selBox)
{
	tempStopBoxes = true;
	currentBox = selBox;
	showBoxContent(selBox);
}