window.addEvent('domready', function(){
	var spinner = new Spinner('players-wrapper');
	new Request.JSON({
		url: 'proxy.php',		
		onRequest: function(){
			spinner.show();
		},
		onFailure: function(){			
		},
		onComplete: function(r1, r2){						
			var data = JSON.decode(r2);				
			if(!data.error){
				var players = data.players.sort(function(a, b){
					return b.score - a.score;
				}).map(function(el, i){
					var img = '<img width="24" height="24" title="' + el.rankName + '" alt="' + el.rankName + '"' + ' src="http://7samurais.net/styles/7Style/theme/images/' + el.rank + '">';			
					return [i+1, img, el.name, el.score, el.kills];
				});							
				new HtmlTable({
					properties:{id: 'players'},
					headers: ['#', 'Rank', 'Name', 'Score', 'Kills'],
					rows: players
				}).inject('players-wrapper');
			}else{
				$('players-wrapper').adopt(new Element('p', {text: data.error.message}));
			}
			spinner.hide();
		}
	}).post();	
});