// top image fading stuff --------------------
var fadeImgOrder = [2,3,6,1,4,5];
var fadeImgDir = false;
var fadeImgIndex = fadeImgOrder.length-1;

// fades the image in or out (depending on fadeImgDir), then calls fadeNext
function fade(e)
{
	fadingImg = e;
	fadeImgStage = 0;
	fadeProgress();
}
var fadingImg = null;
var fadeImgStage = null;

function fadeProgress()
{
	var opacity = fadeImgStage;
	if (fadeImgDir) opacity = 10-opacity;
	opacity *= 10;

	fadeImg_setOpacity(fadingImg,opacity);
	if (fadeImgStage==10)
		return setTimeout(fadeNext,2000);
	fadeImgStage++;

	setTimeout(fadeProgress,60+(opacity/2));
}

function fadeNext()
{
	// go to the next image, or go back to zero and change direction
	if (fadeImgIndex==fadeImgOrder.length-1)
	{
		fadeImgIndex = 0;
		fadeImgDir = !fadeImgDir;
	}
	else
		fadeImgIndex++;
	//console.log("Index: %i   Id: %i    Dir: %i",fadeImgIndex,fadeImgOrder[fadeImgIndex],fadeImgDir);
	fade(document.getElementById("fadeImg"+fadeImgOrder[fadeImgIndex]+"b"));
}
function fadeImg_setOpacity(e,opacityPct)
{
	e.style.opacity = opacityPct/100;
	e.style.filter = 'alpha(opacity=' + opacityPct + ')';
}

if (window.attachEvent)
	window.attachEvent("onload",fadeNext);
else
	window.addEventListener("load",fadeNext,false);

// ===== state select scripts =====
var stateSelectShown = false;
function stateSelectToggle()
{
	var cnt = _fromId("sideBar_stateSelectContainer");
	if (stateSelectShown) { // hide
		_hide(cnt);
		stateSelectShown = false;

		stateSelect_hoverOn();
	} else { // show
		mcmsWipeDown(cnt);
		_show(cnt);
		stateSelectShown = true;

		stateSelect_activeOn();
	}
}
function stateSelect_hoverOn() {if(!stateSelectShown)_fromId("sideBar_stateSelectButton").style.backgroundPosition="-20px 0px";}
function stateSelect_hoverOff() {if(!stateSelectShown)_fromId("sideBar_stateSelectButton").style.backgroundPosition="0px 0px";}
function stateSelect_activeOn() {_fromId("sideBar_stateSelectButton").style.backgroundPosition="-40px 0px";}