/**************************************
 *	Show popup with game info
 **************************************/
if(window.ie){
	window.addEvent('domready', function(){
		var infopopup = $('infopopup');
	
		$$('a.gamelink').addEvent('mousemove', function(event){
			//Define target
			if(event.srcElement.tagName != 'A'){
				link = event.srcElement.parentElement;
			}else{
				link = event.srcElement;
			}	
	
			//Get info
			gameInfo = Json.evaluate(link.rel);
			if(gameInfo.screenshot == 1){
				infopopup.getElement('img').src = '/screenshots/120x75/'+gameInfo.game_id+'.jpg';
			}else{
				return;
			}
			
			//Show or hide top star
			if(gameInfo.score >= 8){
				infopopup.getElement('span.top').setStyle('visibility', 'visible');
			}else{
				infopopup.getElement('span.top').setStyle('visibility', 'hidden');
			}
	
			//Position popup
			infopopup.style.top = event.y + document.documentElement.scrollTop + 15
			infopopup.style.display = 'block';
			infopopup.style.left = event.x + document.documentElement.scrollLeft + 15
				
		});
		
		$$('a.gamelink').addEvent('mouseleave', function(){
			infopopup.setStyle('display', 'none');
		});
	})
}else{	
	window.addEvent('domready', function(){
		var infopopup = $('infopopup');
	
		$$('a.gamelink').addEvent('mousemove', function(event){
			//Define target
			if(event.target.tagName != 'A'){
				link = event.target.getParent();
			}else{
				link = event.target;
			}
			
			//Get info
			gameInfo = Json.evaluate(link.rel);
			if(gameInfo.screenshot == 1){
				infopopup.getElement('img').src = '/screenshots/120x75/'+gameInfo.game_id+'.jpg';
			}else{
				return;
			}
			
			//Show or hide top star
			if(gameInfo.score >= 8){
				infopopup.getElement('span.top').setStyle('display', 'block');
			}else{
				infopopup.getElement('span.top').setStyle('display', 'none');
			}

			//Position popup
			outerTop = event.pageY + 15 + parseInt(infopopup.getStyle('height'));
			innerTop = event.clientY + 15 + parseInt(infopopup.getStyle('height'));
			if(innerTop > window.innerHeight){
				newTop = event.pageY - 15 - parseInt(infopopup.getStyle('height'));
			}else{
				newTop = event.pageY + 15
			}
			infopopup.setStyles({
				'top'		: newTop,
				'left'		: event.pageX + 15,
				'display'	: 'block'
			});
		});
		
		$$('a.gamelink').addEvent('mouseleave', function(){
			infopopup.setStyle('display', 'none');
		});
	})
}