var gamesInRow = 3;
var gamesIndex = 0;
var maxGameLength = 24;

//default values
var myGamesArray = 0;
var defaultImage = 'http://cdn.exent.com/freeride_marketing/website/siteImages/body/gamesComponents/myGames/emptyGame.gif';
var defaultAlt = 'Download New Games';
var defaultName = 'Download New Games';
var defaultURL = 'http://www.freeridegames.com/games-genres/gameList?partner=Default&genre=Newest';

GPlayerApi_LoadActiveX();

function createGames(){

	//User have 1 or more games installed
	if(myGamesArray != 0)
	{
		for (i = 0; i < gamesInRow; i++)
		{
			//write a game from array
			if( i <= myGamesArray.length-1)
			{
				document.getElementById('gamesContainer').innerHTML += '<div class="gameContainer">' +
																								'<a id="gameLink' + i + '" href=' + myGamesArray[i].gamePageUrl + ' target="_parent" title="Download ' + myGamesArray[i].name + ' Game">' +
																									'<img id="gameImage' + i + '" src="http://img.exent.com/free/frg/products/' + myGamesArray[i].id + '/player_boxshot.jpg" width="76" height="90" alt="Download ' + myGamesArray[i].name + ' Game" class="myGamesGameImage"/>' +
																									'<div id="gameName' + i + '" class="myGamesGameName">' + myGamesArray[i].name + '</div>' +
																								'</a>' +
																							'</div>';
			}else{
				//write default game
				document.getElementById('gamesContainer').innerHTML += '<div class="gameContainer">' +
																								'<a id="gameLink' + i + '" href=' + defaultURL + ' target="_parent">' +
																									'<img id="gameImage' + i + '" src="' + defaultImage + '" width="76" height="90" alt="' + defaultName + '" class="myGamesGameImage"/>' +
																									'<div id="gameName' + i + '" class="myGamesGameName">' + defaultName + '</div>' +
																								'</a>' +
																							'</div>';
				
			}
		}

		
	}else{
		//User has no games installed or no activex
			document.getElementById('mainContainer').innerHTML = '<a href="http://www.freeridegames.com/do/installEXEtender/466550/Default/SDM/FreeRideGamesPlayer.exe" target ="_blank" title="Download Our Player"><img src="http://dts.freeridegames.com/freeride_marketing/website/siteImages/body/downloadPlayer.jpg" width="360" height="275" border="0" alt="Download Our Player"/></a>';
	}
	document.getElementById('mainContainer').style.display = "block";
}

function cycleGames(dir) {
	nextGameIndex = gamesIndex + gamesInRow * dir;

	if(nextGameIndex >= 0 && nextGameIndex < myGamesArray.length)
	{
		gamesIndex += gamesInRow * dir;	
		for (i = 0; i < gamesInRow; i++) {
			newId = i + gamesIndex;
			try{								
				if(myGamesArray[newId].name.length >maxGameLength){
					tempName = myGamesArray[newId].name.substr(0,maxGameLength-3)+'...';
				}else{
					tempName = myGamesArray[newId].name;
				}
				document.getElementById('gameImage'+i).src = 'http://img.exent.com/free/frg/products/' + myGamesArray[newId].id + '/player_boxshot.jpg';
				document.getElementById('gameImage'+i).alt = "Download " + myGamesArray[newId].name + " Game";
				document.getElementById('gameName'+i).innerHTML = tempName;
				document.getElementById('gameLink'+i).href =  myGamesArray[newId].gamePageUrl;
				document.getElementById('gameLink'+i).title =  "Download " + myGamesArray[newId].name + " Game";				
			}catch(e){
				//empty game
				document.getElementById('gameImage'+i).src = defaultImage;
				document.getElementById('gameImage'+i).alt = defaultAlt;
				document.getElementById('gameName'+i).innerHTML = defaultName;
				document.getElementById('gameLink'+i).href = defaultURL;
				document.getElementById('gameLink'+i).title = defaultAlt;				
			}
		}
	}	
}

function pageLoaded()
{
	myGamesArray = GetMyGames();//get games array from activeX
	createGames();
}