// JavaScript Document 
var leaderboard = 1;
var wc_timeout;
function scrollLeaderboard(id){
	var nextId = id+1;
	if(nextId > 8){
		nextId = 1;
	}
	var stripWidth = 0;
	var containerWidth = $("ul#region_leaderboard_"+id).parent().parent().width();
	$("ul#region_leaderboard_"+id).find("li").each(function(i){
		stripWidth += $(this,i).width();	
	});
	$("ul#region_leaderboard_"+id).width(stripWidth);
	var totalTravel = stripWidth+containerWidth+20;
	var defTiming = ((stripWidth+500+(stripWidth*.2))) * 15;
	
	$("ul#region_leaderboard_"+id).animate({left: '-='+totalTravel},defTiming,"linear");
	
	clearTimeout(wc_timeout);
	wc_timeout = window.setTimeout('showRegionLeaderboard('+nextId+')',defTiming+1000);
}

function showRegionLeaderboard(id){
	leaderboard = id;
	var i;
	for(i=1; i<=8; i++){
		$("ul#region_leaderboard_"+i).stop(true,true);
		$("ul#region_leaderboard_"+i).css("left","590px");
		var regionTab = document.getElementById("region_tab_"+i);
		var regionLeaderboard = document.getElementById('region_leaderboard_'+i); 
		if(i != id){
			$("li#region_tab_"+i).fadeTo("slow", 0.7);	
			regionTab.className = "";
			regionLeaderboard.style.display = "none";	
		} else {
			regionTab.className = "region_tab_selected";
			regionLeaderboard.style.display = "";	
			$("li#region_tab_"+i).fadeTo("slow", 1.0); // Fade current to 100%
		}
	}
	scrollLeaderboard(leaderboard); 	
}

function fadeMap(){
	$("ul#full_map").css("background-position", "0px 0px");
	$("#wc_map_legend").css("opacity",1.0);
}

function unfadeMap(){
	$("ul#full_map").css("background-position", "0px -360px");
	$("#wc_map_legend").css("opacity",0.3);
}

function showLeaderCard(region){
	$("#leader_cont").toggle();
	$("ul#full_map").toggle();
	$("#"+region+"_leader").css("display","block");
	$("#"+region+"_arrow").css("display","block");
}

function closeLeaderCards(){
	$("#n_arrow").css("display","none");
	$("#ne_arrow").css("display","none");
	$("#nw_arrow").css("display","none");
	$("#ma_arrow").css("display","none");
	$("#mw_arrow").css("display","none");
	$("#s_arrow").css("display","none");
	$("#se_arrow").css("display","none");	
	$("#sw_arrow").css("display","none");		
	
	$("#n_leader").css("display","none");
	$("#ne_leader").css("display","none");
	$("#nw_leader").css("display","none");
	$("#ma_leader").css("display","none");
	$("#mw_leader").css("display","none");
	$("#s_leader").css("display","none");
	$("#se_leader").css("display","none");
	$("#sw_leader").css("display","none");
	$("#leader_cont").css("display","none");
	$("ul#full_map").css("display","block");
}