var characters = {
	"sonic": 4000,
	"mario": 9500,
	"tarma": 6000,
	"samus": 7000,
	"ryu": 13000,
	"skywalker": 6000,
	"earthwormjim": 7500,
	"tails": 5000,
	"link": 12000,
	"donald": 11000,
	"zangief": 60000,
	"arthur": 13000,
};


var loopItems = {
	"distance": 13000,
	"floor": 6500,
	"detail": 4000
}

$(document).ready(function(){
	//loopBackground();
	//setPageFromState();
	
	for(var x in loopItems)
		loopItem(x, loopItems[x]);
	
	for(var x in characters)
		loopCharacter(x, characters[x]);
});

function loopItem(id, time){
	//window.console.log("Loop Background");
	
	$('#footer_'+id).css({backgroundPosition: '0px top'});
	
	$('#footer_'+id).animate({
		backgroundPosition: '(-2000px top)'
	}, time, "linear", function(){
		loopItem(id, time);
	});
}

function loopCharacter(id, time){
	$('.' + id).css({
		left: "0%"
	});
	
	$('.' + id).animate({
		left: "100%"
	}, time, "linear", function(){
		loopCharacter(id, time);
	});
}

function nextState()
{
	state++;
	
	if(state>=states.length)
		state = 0;
	
	setPageFromState();
}

function setPageFromState()
{
	var bgcolor = null;
	
	switch(state)
	{
		case 0:	bgcolor = "e08000";
				break;
		
		case 1:	bgcolor = "c89858";
				break;
	}
	
	//$("body").css('background-image', 'url(images/back_'+states[state]+'.png)');
	//$("body").css('background-color', '#'+bgcolor);
	$(".logo").css('background-image', 'url(wp-content/themes/spriteclub/images/logo_'+states[state]+'.png)');
	//$("#footer_scroll").css('background-image', 'url(wp-content/themes/spriteclub/images/scrolling_bg_'+states[state]+'1.png)');
}