// JavaScript Document

function loadPlayers(date) {
	clearPannel(2);
	var frameRef = getPannel(2);
		frameRef.className = "loadingMsg";
		frameRef.innerHTML = "Loading ...";
		
	am.method = "GET";
	STATS = new StatsData(am, date);
	STATS.Load(doNext);
	
	function doNext() {
		renderPlayers(frameRef);
	}
}

function renderPlayers(frameRef) {
	var stats = STATS.GetStats();
	
	var eGrid = new GridTable();
		eGrid.border = 0;
		eGrid.padding = 2;
		eGrid.width = "100%";
		eGrid.selectStyle = "teamStyleSelected";
		eGrid.spacing = 0;
		eGrid.hideHeader = false;
		
	var cols = new Array();
		cols[0] = new GridColumn("MOST SELECTED PLAYERS");
		cols[1] = new GridColumn("TEAM");
		cols[2] = new GridColumn("PCT");
		cols[3] = new GridColumn("RESULTS");
		
	var colLen = cols.length - 1;
	var i = 0;
	var cCol;
	do {
		cCol = cols[i];
		cCol.captionStyle = "hdrTeamStyle";
		cCol.setAttribute("class", "teamStyle");
		eGrid.appendColumn(cCol);			
	} while(i++ < colLen);					
				
	if(stats) {
		var cPlayer;				
		if(stats.length) {						
			var pN = stats.length -1;
			var i = 0;						
			do {
				cPlayer = stats[i];				
				eGrid.insertRow([
					cPlayer.playername,
					cPlayer.team,
					cPlayer.pct,
					cPlayer.results
				]);		
			} while(i++ < pN);
		} else {
			//If only one
			cPlayer = stats;
				eGrid.insertRow([
					cPlayer.playername,
					cPlayer.team,
					cPlayer.pct,
					cPlayer.results
				]);
		}
		
		frameRef.className = "";		
		frameRef.innerHTML = eGrid.renderGrid();			
	}	else {
		frameRef.innerHTML = "Most selected players not available at this time.<br/>Please try again later."
	}
}