function urlencode(str)
{
	return escape(str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/@/g, '%40');
}

function ajaxPlayerInfo(player)
{
	// layer an
	document.getElementById('layer').style.display = 'block';

	// Pos.
	document.getElementById('layer').style.position = 'absolute';
	document.getElementById('layer').style.top = (tempY-250) + "px";
	document.getElementById('layer').style.left = 290 + "px";

	// button
	var button = '<a title="close Window" id="layerClose" onclick="javascript:document.getElementById(\'layer\').style.display = \'none\';">&nbsp;</a>';

	// Pfeil
	var pointer = '<div id="layerPointer"></div>';
	
	document.getElementById('layer').innerHTML = button + pointer;
	
	// Lader per Ajax
	var ajaxUrl = "/playerinfo?player=" + urlencode(player) ; // URLDecode(player);

	$.getJSON (ajaxUrl,
		function(data)
	    {
		  	if (data.info == '')
		  	{
		  		var content = '<h1 class="layerH1">Player Details</h1><p>Please <a href="./auth/login">login</a> to see the Player Details.</p>';
		  		$(content).appendTo("#layer");
		  	}
		  	else
		  	{	
				var form = '<form id="myForm" action="" method="post"><input type="hidden" name="recipient" value="' + player + '" /><table>';
				form += '<tr><td>My Message to ' + player + ':<br /><textarea name="message" onfocus="this.innerHTML=\'\';"></textarea></td>';
				form += '<td><input type="submit" value="Submit Message" /></td></tr></table>';
				form += '</form>';		  		
		  		
				$.each(data.info,
					function(i,item)
			      	{
						var content = '<table border="0" width="100%">';
	
						content += '<tr valign="top"><td colspan="2"><h1 class="layerH1">' + player + '</h1></td>';
						content += '<td colspan="3">' + form + '</td></tr>';
						
						content += '<tr><td colspan="5"><hr /></td></tr>';
						
						content += '<tr valign="top"><td>';
						content += '<b><u>Location</u></b><br />';
						if (item.country != null){content += 'Country: ' + item.country + '<br />';}
						if (item.city != null){content += 'City: ' + item.city + '<br />';}
						if (item.timezone != null){content += 'Timezone: GMT ' + item.timezone + '<br />';}

						content += '</td><td width="20">&nbsp;</td><td>';
	
						content += '<b><u>Last Game</u></b><br />';
						content += 'Server: ' + item.gameservername + '<br />';
						content += 'Map: ' + item.map + '<br />';
						content += 'Time: ' + item.stamp + '<br />';
						content += 'Kills: ' + item.kills + '<br />';
						content += 'Losses: ' + item.losses + '<br />';
						content += 'Points: ' + item.points + '<br />';
	
						content += '</td><td width="20">&nbsp;</td><td>';
	
						content += '<b><u>Current Month Statistics</u></b><br />';
						content += 'Activity Rate: ' + item.ac + string_repeat('&bull;', parseInt(item.ac)) + '<br />';
						content += 'Expert Rate: ' + item.kc + string_repeat('&bull;', parseInt(item.kc)) + '<br />';
						content += 'Efficiency: ' + item.eff + '%<br />';
						content += 'Killer Rate: ' + item.killerrate + '<br />';
						content += 'All Points: ' + item.pointsall + '<br />';
						
						content += '</tr></table>';
						
						content += '<hr />';
						content += '<b><u>Ranking Statistics:</u></b><br />';
						content += '<table style="width:100%;margin-top:10px;border-collapse:collapse;">';
						content += '<tr valign="bottom" style="border-bottom: 1px solid gray;"><th>Month/Year</th><th>Rank<br />Pos.</th><th>Activity<br />Rate</th><th>Expert<br />Rate</th><th>Efficiency</th><th>Killer<br />Rate</th><th>Points</th><th>champion<br />rate</th><th>strength</th></tr>';
						
						for (var i = 0; i < item.rankings.length; i++  )
						{
							var ac = parseInt(item.rankings[i].activityrate);
							var er = parseInt(item.rankings[i].expertrate);
							var pos = parseInt(item.rankings[i].pos);
							
							if (pos == 1){pos += '<img src="/img/serverbrowser/1.png" width="16" height="16" />';}
							if (pos == 2){pos += '<img src="/img/serverbrowser/2.png" width="13" height="13" />';}
							if (pos == 3){pos += '<img src="/img/serverbrowser/3.png" width="10" height="10" />';}
							
							content += '<tr valign="bottom" style="border-bottom: 1px dotted gray;">';
							content += '<td>'+ item.rankings[i].month + '/' + item.rankings[i].year + '</td>';
							content += '<td>'+ pos + '</td>';
							content += '<td>'+ ac + string_repeat('&bull;', ac) + '</td>';
							content += '<td>'+ er + string_repeat('&bull;', er) + '</td>';
							content += '<td>'+ item.rankings[i].eff + '%</td>';
							content += '<td>'+ item.rankings[i].killerrate + '</td>';
							content += '<td>'+ item.rankings[i].points + '</td>';
							content += '<td>'+ item.rankings[i].championrate + '</td>';
							content += '<td>'+ item.rankings[i].strength + '%</td>';
						}
						content += '</table>';
						
						//$("<img/>").attr("src", item.media.m).appendTo("#layer");
					    $(content).appendTo("#layer");
	
					    if ( i == 1 ) return false;
			    	}
		      	);
		  	}
	    }
    );
    
	// wait for the DOM to be loaded 
	$(document).ready(function() { 
	    // bind 'myForm' and provide a simple callback function 
	    $('#myForm').ajaxForm(function() { 
	        alert("Thank you for your comment!"); 
	    }); 
	});	
}

function string_repeat ( input, multiplier )
{
	if (multiplier > 0)
	{
		multiplier = multiplier+1;
	}
	else
	{
		multiplier = 1;
	}

    return new Array(multiplier).join(input); 
}