/*
	Layout Effects
	Voidshard Website 2.0
	04092008 | Clint
*/

/* -- GLOBALS --*/
function ID (xElementName, xScope) {
	if (!xScope) xScope = document;
	return xScope.getElementById(xElementName);
}

var effChange;

var CurrColor = 0;
var Colors = [
	{Main:"#683488", Menu:"#201038", Body:"#202038"}, 
	{Main:"#305840", Menu:"#103820", Body:"#203820"}, 
	{Main:"#584030", Menu:"#382010", Body:"#382020"}
]

/* -- Page Methods -- */
var Banner_Main;

function Page_Init () {
	effChange = ID("effChange");
	if (!effChange) return false;
	
	effChange.innerHTML = "Style";
	effChange.onclick = Style_Change;

	Banner_Main = ID("Banner_Main");
	
	window.setInterval(AnimateHeaderBG, 80);
}

window.onload = Page_Init;

/* -- Events -- */
function Style_Change () {
	var Banner_Menu = ID("Banner_Menu");
	var Body = ID("Body");
	
	CurrColor++;
	if (CurrColor >= Colors.length) CurrColor = 0;
	
	Banner_Main.style.backgroundColor = Colors[CurrColor].Main;
	Banner_Menu.style.backgroundColor = Colors[CurrColor].Menu;
	Body.style.backgroundColor = Colors[CurrColor].Body;
	
	return true;
}

var BGPos = 0;

function AnimateHeaderBG () {

	++BGPos;
	if (BGPos > 255) BGPos = 0;

	Banner_Main.style.backgroundPosition = BGPos + "px 0px";
	//
}