function ViewGames ( PGNFile )
{
  var newpage = window.open ( "replay.shtml", "","height=620, width=1020, top=100,left=100,resizable=no,menubar=no,scrollbars=no,toolbar=no,location=no" );

  newpage.document.write( "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">" );
  newpage.document.write( "<html>" );
  newpage.document.write( "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>" );
  newpage.document.write( "<title>IndonesiaBase: Replay Games</title>" );
  newpage.document.write( "<? keywords = \"IndonesiaBase, Chess, chess games \"" );
  newpage.document.write( "@include($_SERVER['DOCUMENT_ROOT'].\"/config/metatags.inc\"); ?>	" );
  newpage.document.write( "<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\"" );
  newpage.document.write( "href=\"http://indonesiabase.com/wp-content/themes/okinawa/css/chess.css\">" );
  newpage.document.write( "<script type=\"text/javascript\" src=\"http://indonesiabase.com/wp-content/themes/okinawa/js/chess.js\"></script>" );
  newpage.document.write( "<script type=\"text/javascript\" src=\"http://indonesiabase.com/wp-content/themes/okinawa/js/scroll-table.js\"></script>" );
  newpage.document.write( "<script type=\"text/javascript\" src=\"http://indonesiabase.com/wp-content/themes/okinawa/js/ajax.js\"></script>" );
  newpage.document.write( "<link rel=\"stylesheet\" href=\"http://indonesiabase.com/wp-content/themes/okinawa/css/demo-1.css\" type=\"text/css\">" );
  newpage.document.write( "<link rel=\"stylesheet\" href=\"http://indonesiabase.com/wp-content/themes/okinawa/css/scroll-table.css\" type=\"text/css\">" );

  newpage.document.write( "<script type=\"text/javascript\">" );

  newpage.document.write( "if(!window.$)window.$ = function(e) { return document.getElementById(e); };" );
  newpage.document.write( "	function showDetails(gameDetails){" );
  newpage.document.write( "		document.getElementById('moveTab').style.display='block';" );
  newpage.document.write( "		document.getElementById('gameList').style.display='none';" );
  newpage.document.write( "		document.getElementById('tabDetails').className = 'tabActive';" );
  newpage.document.write( "		document.getElementById('tabGames').className = 'tabInactive';" );
  newpage.document.write( "		showHideDetails('divGameDetails');" );
  newpage.document.write( "	}" );
  newpage.document.write( "	function showGames()" );
  newpage.document.write( "	{" );
  newpage.document.write( "		document.getElementById('moveTab').style.display='none';" );
  newpage.document.write( "		document.getElementById('gameList').style.display='block';" );
  newpage.document.write( "		document.getElementById('tabGames').className = 'tabActive';" );
  newpage.document.write( "		document.getElementById('tabDetails').className = 'tabInactive';" );
  newpage.document.write( "	}" );
  newpage.document.write( "	function showHideDetails(whichDiv){" );
  newpage.document.write( "		if(whichDiv=='divBoardOptions'){" );
  newpage.document.write( "			document.getElementById('divBoardOptions').className = 'tabDetails tabDetailsActive';" );
  newpage.document.write( "			document.getElementById('divGameDetails').className = 'tabDetails tabDetailsInactive';" );
  newpage.document.write( "			document.getElementById('boardOptions').style.display='block';" );
  newpage.document.write( "			document.getElementById('gameDetails').style.display='none';" );
  newpage.document.write( "				}else{" );
  newpage.document.write( "			document.getElementById('divBoardOptions').className = 'tabDetails tabDetailsInactive';" );
  newpage.document.write( "			document.getElementById('divGameDetails').className = 'tabDetails tabDetailsActive';" );
  newpage.document.write( "			document.getElementById('boardOptions').style.display='none';" );
  newpage.document.write( "			document.getElementById('gameDetails').style.display='block';}}" );

  newpage.document.write( "</script></head>" );
  newpage.document.write( "<body>" );

  newpage.document.write( "<div id=\"mainContainer\"><div id=\"players\"></div><div id=\"boardContainer\">" );
  newpage.document.write( "<div id=\"board\"></div></div><div id=\"rightColumn\"><div id=\"tabs\">" );
  newpage.document.write( "<div id=\"tabDetails\" onclick=\"showDetails()\" class=\"tabInactive\"><span>Details</span></div>" );
  newpage.document.write( "<div id=\"tabGames\" onclick=\"showGames()\" class=\"tabActive\"><span>Games</span></div>" );
  newpage.document.write( "</div><div id=\"gameListContainer\"><div id=\"gameList\" style=\"overflow:auto;\"><TABLE id=\"gameListTable\"  cellspacing=0" );
  newpage.document.write( "cellpadding=2><thead><tr><td>&#160;</td><td>View</td><td>White</td><td>Black</td><td>Res</td></tr></thead><tbody>" );
  newpage.document.write( "</tbody></TABLE></div><div id=\"moveTab\"><div id=\"divMoves\"></div><div id=\"buttons\">" );
  newpage.document.write( "<input type=\"button\" value=\"<<\" onclick=\"chessObj.moveToStart()\"><input type=\"button\" value=\"<\"" );
  newpage.document.write( "onclick=\"chessObj.move(-1)\"><input type=\"button\" value=\">\" onclick=\"chessObj.move(1)\">" );
  newpage.document.write( "<input type=\"button\" value=\">>\" onclick=\"chessObj.moveToEnd(1)\">" );
  newpage.document.write( "<input type=\"button\" value=\"Play\" onclick=\"chessObj.autoPlay()\">" );
  newpage.document.write( "<input type=\"button\" value=\"Stop\" onclick=\"chessObj.stopAutoPlay()\"></div>" );
  newpage.document.write( "<div id=\"tabOptions\"><div id=\"divGameDetails\" onclick=\"showHideDetails('divGameDetails')\" " );
  newpage.document.write( "class=\"tabDetails tabDetailsInactive\">Game details</div><div id=\"divBoardOptions\" " );
  newpage.document.write( "onclick=\"showHideDetails('divBoardOptions')\" class=\"tabDetails tabDetailsActive\">Board Options</div>" );
  newpage.document.write( "</div><div id=\"options\"><div id=\"boardOptions\"><a href=\"#\" onclick=\"chessObj.flip();return false\">" );
  newpage.document.write( "Flip board</a><p><b>Chess set</b></p>" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('alpha');return false\">Alpha</a>|" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('cases');return false\">Cases</a>|" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('leipzig');return false\">Leipzig</a>|" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('merida');return false\">Merida</a>|" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('motif');return false\">Motif</a>|" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('smart');return false\">Smart</a>|" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setChessSet('traveler');return false\">Traveler</a>" );
  newpage.document.write( "<br><p><b>Board size</b></p>" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setSquareSize(30);return false\">Small</a> |" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setSquareSize(45);return false\">Medium</a> |" );
  newpage.document.write( "<a href=\"#\" onclick=\"chessObj.setSquareSize(60);return false\">Large</a>" );
  newpage.document.write( "</div><div id=\"gameDetails\" style=\"display:none;clear:both\"><table cellpadding=\"1\" cellspacing=\"0\">" );
  newpage.document.write( "<tr><td><b>White:</b></td><td><span id=\"details_white\"></span>&nbsp;<span id=\"details_white_elo\">" );
  newpage.document.write( "</span></td></tr><tr><td><b>Black:</b></td><td><span id=\"details_black\"></span>&nbsp;<span id= " );
  newpage.document.write( "\"details_black_elo\"></span></td></tr><tr><td><b>Result:</b></td><td id=\"details_result\"></td></tr>" );
  newpage.document.write( "<tr><td><b>Event:</b></td><td id=\"details_event\"></td></tr><tr><td><b>Date:</b></td>" );
  newpage.document.write( "<td id=\"details_date\"></td></tr><tr><td><b>Round:</b></td><td id=\"details_round\"></td></tr>" );
  newpage.document.write( "</table></div></div></div></div></div><div style=\"margin-top:15px\"></div>" );

  newpage.document.write( "<script type=\"text/javascript\">" );

  newpage.document.write( "var chessObj = new DHTMLGoodies.Chess({" );
  newpage.document.write( "bgImageDarkSquares:'http://indonesiabase.com/wp-content/themes/okinawa/dc-images/sq-teak-dark-60.png'," );
  newpage.document.write( "bgImageLightSquares:'http://indonesiabase.com/wp-content/themes/okinawa/dc-images/sq-teak-light-60.png'," );

  newpage.document.write( "serverFile:'/dc/chess.php'," );
  newpage.document.write( "cssPath:'http://indonesiabase.com/wp-content/themes/okinawa/css/chess.css'," );
  newpage.document.write( "imageFolder:'http://indonesiabase.com/wp-content/themes/okinawa/dc-images/'," );
  newpage.document.write( "pgnFile:'" );
  newpage.document.write( PGNFile );
  newpage.document.write( "'," );

  newpage.document.write( "boardLabels:false," );
  newpage.document.write( "chessSet:'alphapale',squareSize:60," );
  newpage.document.write( "animationSpeed:1,autoplayDelayBeforeComments:3,stopAutoplayBeforeComments:true," );
  newpage.document.write( "callbackOnSwitchPgn:'showGames'," );
  newpage.document.write( "callbackOnGameLoaded:'showDetails',parentRef:'board'," );
  newpage.document.write( "elMovesInline:'divMoves',elPlayerNames:'players'," );
  newpage.document.write( "elActiveMove:'activeMove',elGameAttributes:{" );
  newpage.document.write( "round:'details_round',white:'details_white',black:'details_black',event:'details_event'," );
  newpage.document.write( "result:'details_result', " );
  newpage.document.write( "WhiteElo:'details_white_elo', BlackElo:'details_black_elo',date:'details_date' } } );" );
  newpage.document.write( "chessObj.__createDefaultPieces();" );
  newpage.document.write( "chessObj.displayGameListInTable('gameListTable','no,view,white,black,result',{ " );
  newpage.document.write( "jsObject:\"chessObj\",viewGameLink:'View' });" );
  newpage.document.write( "createScrollTable('gameListTable','340','490');" );
  newpage.document.write( "</script>" );

  newpage.document.write( "</body></html>" );

  newpage.document.close( );
}
