// Arranging games on the page
		var pNum = new Array(); 
		// Calculating the numer of pages
		var numberOfPages = Math.ceil(myGame.length / 12); 
		function setInfo(pageN)
			{
				var pageStep = ((12 * pageN)-12);// calculate the index number of the games in the array.
				document.getElementById("gameGrouper").setAttribute("name",pageN); // Asigning the page number as a name attribute to the div tag that wraps the games
				document.getElementById("gameGrouper").style.display="none";// Seting game container display to none for smoother display later.
				
				//Enlarging the current page font and desaturating dead links.
				if (pNum[0] != null)
				{
					for (pn=0;pn < pNum.length;pn++)
					{
						pNum[pn].style.fontSize = "11px";//IE6 IE7 fix
					}
						pNum[(pageN + 2) - 2].style.fontSize = "14px";
					   pNum[(pageN +  numberOfPages)+2].style.fontSize = "14px";
					
					if (pageN == 1)
					{
						pNum[0].style.color = "#999";
						pNum[pageN +  numberOfPages + 1].style.color = "#999";
						pNum[0].style.cursor = "text";
						pNum[pageN +  numberOfPages + 1].style.cursor = "text";
					}
					else 
					{
						pNum[0].style.color = "#006699";
						pNum[pageN +  numberOfPages ].style.color = "#006699";
						pNum[0].style.cursor = "pointer";
						pNum[pageN +  numberOfPages ].style.cursor = "pointer";
					}
					if (pageN == numberOfPages)
					{
						pNum[numberOfPages+1].style.color = "#999";
						pNum[pNum.length-1].style.color = "#999";
						pNum[numberOfPages+1].style.cursor = "text";
						pNum[pNum.length-1].style.cursor = "text";
					}
					else 
					{
						pNum[numberOfPages+1].style.color = "#006699";
						pNum[pNum.length-1].style.color = "#006699";
						pNum[numberOfPages+1].style.cursor = "pointer";
						pNum[pNum.length-1].style.cursor = "pointer";
					}
				}
				// ****** Setting game data in the page ******
				if(myGame.length > 12) {// More than 1 page case
					if(pageN == 1) {
						for (i=0;i < 12; i++) {
							document.getElementById("gameGrouper").getElementsByTagName("img").item(i).src=myGame[i].image;
							document.getElementById("gameGrouper").getElementsByTagName("img").item(i).setAttribute("alt","Play " + myGame[i].name);
							document.getElementById("gameGrouper").getElementsByTagName("span").item(i).innerHTML=myGame[i].name;
							document.getElementById("gameGrouper").getElementsByTagName("a").item(i).setAttribute("name",i);
							document.getElementById("gameGrouper").getElementsByTagName("a").item(i).setAttribute("href",myGame[i].url);
							document.getElementById("gameGrouper").getElementsByTagName("div").item(i).style.display = "inline";
							if (navigator.appVersion.match(/MSIE 6/))// IE 6 fix
							{
								document.getElementById("gameGrouper").getElementsByTagName("div").item(i).style.display = "inline";
							}
							else
							{
								document.getElementById("gameGrouper").getElementsByTagName("div").item(i).style.display = "block";
							}
						}
					}
					else if(pageN > 1) {
						for (i=0;i < 12 ; i++) {
							if(pageStep+i < myGame.length )
							{
								document.getElementById("gameGrouper").getElementsByTagName("img").item(i).src=myGame[i+pageStep].image;
								document.getElementById("gameGrouper").getElementsByTagName("img").item(i).setAttribute("alt","Play " + myGame[i].name);
								document.getElementById("gameGrouper").getElementsByTagName("span").item(i).innerHTML=myGame[i+pageStep].name;
								document.getElementById("gameGrouper").getElementsByTagName("a").item(i).setAttribute("name",i + parseInt(pageStep));
								document.getElementById("gameGrouper").getElementsByTagName("a").item(i).setAttribute("href",myGame[i+parseInt(pageStep)].url);
								document.getElementById("gameGrouper").getElementsByTagName("div").item(i).style.display = "inline";
							}
							else 
							{
								document.getElementById("gameGrouper").getElementsByTagName("div").item(i).style.display = "none";
								
							}
						}
					}
					
				}
				else if(myGame.length <= 12) {// Only one page case (12 or less games)
					for (i=0;i < myGame.length; i++) {
						document.getElementById("gameGrouper").getElementsByTagName("img").item(i).src=myGame[i].image;
						document.getElementById("gameGrouper").getElementsByTagName("img").item(i).setAttribute("alt","Play " + myGame[i].name);
						document.getElementById("gameGrouper").getElementsByTagName("span").item(i).innerHTML=myGame[i].name;
						document.getElementById("gameGrouper").getElementsByTagName("a").item(i).setAttribute("name",myGame[i].gameId);
						document.getElementById("gameGrouper").getElementsByTagName("a").item(i).setAttribute("href",myGame[i+parseInt(pageStep)].url);
					}
				}
				t = setTimeout("document.getElementById('gameGrouper').style.display='inline'",100); // Delaying Games display when loading new page for smoother page loading.
			}
			
			// Calculate the amount of pages
			// Initialy calculate and set pages
			function numPag(E) 
			{
				var pages=0;
				/* The >> opener selectable */
				var opener = document.createElement("a");
				opener.setAttribute("href","Javascript:pagesArrows('b')");
				opener.setAttribute("id","opener");
				opener.innerHTML = "&lt;&lt;";
				/*opener.onclick = function(){pagesArrows("b")}*/
				document.getElementById(E).appendChild(opener);
				
				pNum.push(opener);
				
				/* Setting page 1 selectable */
				var p1 = document.createElement("a");
				p1 .setAttribute("class","pageNum");
				p1 .setAttribute("id","pageNum1")
				p1 .setAttribute("href","Javascript:setInfo(1)");
				p1.setAttribute("style","font-size:14px;font-weight:900;");
				/*p1.onclick = function(){setInfo(1);}*/
				p1.innerHTML = "1";
				pNum.push(p1);
				document.getElementById(E).appendChild(p1);
				
							
				/* The rest of the pages */
				if(myGame.length > 12)
				{
					
					pages = Math.ceil(myGame.length / 12);
					for (p=1;p<pages;p++)
					{
						/* seperator */
						var seperator = document.createElement("span");
						seperator.setAttribute("class","pageSeperator");
						seperator.innerHTML = "|";
						document.getElementById(E).appendChild(seperator);
						/* Seting selectable page numbers */
						var elm = document.createElement("a");
						elm.setAttribute("class","pageNum");
						pg=p+1;
						elm.setAttribute("id","pageNum"+p);
						elm.setAttribute("href","Javascript:setInfo("+pg+")");
						/*elm.onclick = function(){setInfo(p);}*/
						elm.innerHTML = p+1;
						pNum.push(elm);
						document.getElementById(E).appendChild(elm);
						
					}
					/* The >> closer  */
					
					var closer = document.createElement("a");
					closer.setAttribute("href","Javascript:pagesArrows('f')");
					closer.setAttribute("id","closer");
					closer.innerHTML = "&gt;&gt;";
					pNum.push(closer);
					/*closer.onclick = function(){pagesArrows("f")}*/
					document.getElementById(E).appendChild(closer);
					
				}
				
				/*alert(pNum[0]);*/
			}
			/* Forward and backward pages */
			function pagesArrows(D)
			{
				var currentPage = document.getElementById("gameGrouper").getAttribute("name");
				var pages = Math.ceil(myGame.length / 12);
				switch(D)
				{
					case "b":
						if((parseInt(currentPage) - 1)>0)
						{
							setInfo(parseInt(currentPage) - 1);
							
						}
						else
						{
							//alert(parseInt(currentPage));
						}
						break;
					case "f":
						if((parseInt(currentPage) + 1) <= pages)
						{
							setInfo(parseInt(currentPage) + 1);
						}
						else
						{
							//alert(parseInt(currentPage)+1);
						}
						break;
					default:
						break;
				}
				
			}
			