<!DOCTYPE HTML>
<html>
<!--
pgn4web javascript chessboard
copyright (C) 2009-2013 Paolo Casaschi
see README file and http://pgn4web.casaschi.net
for credits, license and more details
-->
<head>
<title>chess games viewer: live chessboard</title>
<link rel="shortcut icon" href="pawn.ico" />
<script src="pgn4web.js" type="text/javascript"></script>
<script src="engine.js" type="text/javascript"></script>
<script src="fide-lookup.js" type="text/javascript"></script>
<script type="text/javascript">
"use strict";
var thisRegExp;
var readyToReceivePgn = false;
var useTextarea = false;
thisRegExp = /(&|\?)(useTextarea|ut)=([^&]*)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
var useTextareaValue = unescape(window.location.search.match(thisRegExp)[3]);
if ((useTextareaValue == "true") || (useTextareaValue == "t")) { useTextarea = true; }
}
var pgnFile_default = location.protocol + "//" + location.hostname +
location.pathname.replace(/\/[^\/]*$/, "/live/live.pgn");
var pgnFile = pgnFile_default;
thisRegExp = /(&|\?)(pgnData|pd)=([^&]*)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
pgnFile = unescape(window.location.search.match(thisRegExp)[3]);
} else {
// accepts pgnData as alias for pgnFile for consistency with board.html
thisRegExp = /(&|\?)(pgnFile|pf)=([^&]*)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
pgnFile = unescape(window.location.search.match(thisRegExp)[3]);
}
}
var alertFlag = false;
var demoFlag = false;
thisRegExp = /(&|\?)(refreshDemo|rd|demo|d)=([^&]*)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
var refreshDemo = unescape(window.location.search.match(thisRegExp)[3]);
if ((refreshDemo == "true") || (refreshDemo == "t")) { alertFlag = demoFlag = true; }
}
var refreshMinutes_default = 1;
var refreshMinutes = refreshMinutes_default;
var stepFlag = true;
thisRegExp = /(&|\?)(refreshMinutes|rm)=([^&]*)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
refreshMinutes = parseFloat(unescape(window.location.search.match(thisRegExp)[3]));
if (isNaN(refreshMinutes)) { refreshMinutes = refreshMinutes_default; }
if (refreshMinutes <= 0) { refreshMinutes = refreshMinutes_default; }
}
var iniGame_default = 1;
var iniGame = iniGame_default;
thisRegExp = /(&|\?)(initialGame|ig)=([^&]*)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
iniGame = unescape(window.location.search.match(thisRegExp)[3]);
}
thisRegExp = /(&|\?)(help|h)=(true|t)(&|$)/i;
if (window.location.search.match(thisRegExp) !== null) {
alert("pgn4web live-mosaic-tile.html parameters" + "\n" +
" - useTextarea = " + useTextarea + "; if set true uses textarea as PGN input (default false = use pgnData)" + "\n" +
" - pgnData = " + pgnFile + "; PGN file to load (default " + pgnFile_default + ")" + "\n" +
" - refreshMinutes = " + refreshMinutes + "; refresh interval in minutes, decimals allowed (default " + refreshMinutes_default + ")" + "\n" +
" - refreshDemo = " + demoFlag + "; sets live demo mode (default false)" + "\n" +
" - initialGame = " + iniGame + "; initial game number or search string" + "\n" +
" - help = true");
}
if (!useTextarea) { SetPgnUrl(pgnFile); }
SetImagePath("images/alpha/24");
SetImageType("png");
SetHighlightOption(true); // true or false
SetCommentsIntoMoveText(false);
SetCommentsOnSeparateLines(false);
SetAutoplayDelay(1000); // milliseconds
SetAutostartAutoplay(false);
SetAutoplayNextGame(false);
SetInitialGame(iniGame);
SetInitialVariation(0);
SetInitialHalfmove("end", true);
SetShortcutKeysEnabled(false);
SetLiveBroadcast(refreshMinutes, demoFlag, alertFlag, stepFlag);
clearShortcutSquares("G", "8");
clearShortcutSquares("BCFG", "7");
clearShortcutSquares("CDEF", "6");
clearShortcutSquares("ABCDEFGH", "345");
try {
var pcscsfcf, cscs;
if (parent && (pcscsfcf = parent.pgn4webClearShortCutSquaresForChildFrames)) {
for (cscs in pcscsfcf) { clearShortcutSquares(pcscsfcf[cscs][0], pcscsfcf[cscs][1]); }
}
if (parent && parent.displayPgnData && parent.savePgnData) {
boardShortcut("D8", "show full PGN source data", function(t,e){ if (e.shiftKey) { parent.savePgnData(); } else { parent.displayPgnData(); } });
}
} catch(e) { myAlert("warning: failed accessing frame's parent for shortcut squares to clear", false); }
function addTagToTitle(tagLabel, tagValue, object) {
if (!tagValue || tagValue[1] == "?" || !object) { return; }
object.title += (object.title ? "\n " : " ") + simpleHtmlentitiesDecode(tagLabel + tagValue) + " ";
}
function hideThisGame() {
try {
if (parent && parent.pgn4webHideChildFrameGame) {
parent.pgn4webHideChildFrameGame(gameEvent[currentGame], gameSite[currentGame], gameDate[currentGame], gameRound[currentGame], gameWhite[currentGame], gameBlack[currentGame]);
}
} catch(e) { myAlert("error: failed accessing frame's parent for hiding game", true); }
}
function customFunctionOnPgnTextLoad() {
var thisCurrentGame = currentGame;
// force reloading iniGame each time
SetInitialGame(iniGame);
setCurrentGameFromInitialGame();
if (currentGame != thisCurrentGame) {
SetInitialVariation(0);
SetInitialHalfmove("end",true);
Init();
GoToInitialHalfmove();
}
}
var old_gameKey = "";
var old_PlyNumber = -1;
function customFunctionOnPgnGameLoad() {
var theObj = document.getElementById("bottomContainer");
if (theObj) {
theObj.title = numberOfGames > 1 ? " game " + (currentGame+1) + " of " + numberOfGames + " " : "";
addTagToTitle("event: ", gameEvent[currentGame], theObj);
addTagToTitle("site: ", gameSite[currentGame], theObj);
addTagToTitle("date: ", gameDate[currentGame], theObj);
addTagToTitle("round: ", gameRound[currentGame], theObj);
addTagToTitle("white: ", gameWhite[currentGame], theObj);
addTagToTitle("black: ", gameBlack[currentGame], theObj);
addTagToTitle("result: ", gameResult[currentGame], theObj);
addTagToTitle("termination: ", customPgnHeaderTag("Termination"), theObj);
addTagToTitle("timecontrol: ", customPgnHeaderTag("TimeControl"), theObj);
}
try {
if (parent && parent.pgn4webHideChildFrameGame) {
if (parent.barePadding === "") {
if (parent.pgn4webHideChildFrameGame(gameEvent[currentGame], gameSite[currentGame], gameDate[currentGame], gameRound[currentGame], gameWhite[currentGame], gameBlack[currentGame], true)) {
boardShortcut("A6", "hide this game", function(t,e){ hideThisGame(); });
} else {
boardShortcut("A6", "hiding option unavailable for this game", function(t,e){} );
}
}
}
} catch(e) { myAlert("warning: failed accessing frame's parent for hiding game option", false); }
var this_gameKey = gameKey(gameEvent[currentGame], gameSite[currentGame], gameDate[currentGame], gameRound[currentGame], gameWhite[currentGame], gameBlack[currentGame]);
newMovesFlag((old_gameKey === this_gameKey) && (old_PlyNumber !== PlyNumber));
old_gameKey = this_gameKey;
old_PlyNumber = PlyNumber;
}
var newMovesFlagTimeout = null;
function newMovesFlag(onOff) {
if (newMovesFlagTimeout) {
clearTimeout(newMovesFlagTimeout);
newMovesFlagTimeout = null;
}
var theObj = document.getElementById("GameNewMoves");
if (theObj) { theObj.innerHTML = onOff ? "^" : ""; }
if (onOff) { newMovesFlagTimeout = setTimeout("newMovesFlag(false);", refreshMinutes * 60000 + 2000); }
}
function gameKey(event, site, date, round, white, black) {
var key = "";
key += "[" + (typeof(event) == "string" ? event : "") + "]";
key += "[" + (typeof(site) == "string" ? site : "") + "]";
key += "[" + (typeof(round) == "string" ? round : "") + "]";
key += "[" + (typeof(white) == "string" ? white : "") + "]";
key += "[" + (typeof(black) == "string" ? black : "") + "]";
return key;
}
function customShortcutKey_Shift_0() { try { if (parent && parent.customShortcutKey_Shift_0) {parent.customShortcutKey_Shift_0(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
// customShortcutKey_Shift_1 defined by fide-lookup.js
// customShortcutKey_Shift_2 defined by fide-lookup.js
function customShortcutKey_Shift_3() { try { if (parent && parent.customShortcutKey_Shift_3) {parent.customShortcutKey_Shift_3(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
function customShortcutKey_Shift_4() { try { if (parent && parent.customShortcutKey_Shift_4) {parent.customShortcutKey_Shift_4(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
function customShortcutKey_Shift_5() { try { if (parent && parent.customShortcutKey_Shift_5) {parent.customShortcutKey_Shift_5(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
function customShortcutKey_Shift_6() { try { if (parent && parent.customShortcutKey_Shift_6) {parent.customShortcutKey_Shift_6(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
function customShortcutKey_Shift_7() { try { if (parent && parent.customShortcutKey_Shift_7) {parent.customShortcutKey_Shift_7(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
// overwriting engine.js definitions of customShortcutKey_Shift_8 9 0
function customShortcutKey_Shift_8() { try { if (parent && parent.customShortcutKey_Shift_8) {parent.customShortcutKey_Shift_8(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
function customShortcutKey_Shift_9() { try { if (parent && parent.customShortcutKey_Shift_9) {parent.customShortcutKey_Shift_9(); } } catch(e) { myAlert("error: failed accessing frame's parent custom shortcut key function"); } }
function pgn4web_onload(e) {
start_pgn4web();
readyToReceivePgn = true;
try {
if (parent && parent.updateBoard) {
var boardId = parseInt(window.name.substr(5), 10);
if (!isNaN(boardId)) { parent.updateBoard(boardId); }
else { myAlert("warning: failed detecting board id", false); }
}
} catch(e) { myAlert("warning: failed forcing board update from frame's parent", false); }
}
</script>
<style type="text/css">
@import url("fonts/pgn4web-font-LiberationSans.css");
html,
body {
margin: 0px;
padding: 0px;
}
body {
background: transparent;
color: black;
font-family: 'pgn4web Liberation Sans', sans-serif;
font-size: 12px;
font-weight: bold;
padding: 13px;
}
a {
color: black;
text-decoration: none;
}
.boardTable {
border-style: solid;
border-color: #663300;
border-width: 3px;
background: #CC9966;
box-shadow: 0px 0px 13px #663300;
width: 230px;
height: 230px;
}
.pieceImage {
width: 24px;
height: 24px;
}
.whiteSquare,
.blackSquare,
.highlightWhiteSquare,
.highlightBlackSquare {
width: 26px;
height: 26px;
border-style: solid;
border-width: 1px;
}
.whiteSquare,
.highlightWhiteSquare {
border-color: #FFCC99;
background: #FFCC99;
}
.blackSquare,
.highlightBlackSquare {
border-color: #CC9966;
background: #CC9966;
}
.highlightWhiteSquare,
.highlightBlackSquare {
border-style: inset;
border-color: #CC9966;
}
.move,
.variation,
.comment {
}
.bottomContainer {
width: 230px;
margin-top: 10px;
}
.leftHeaderItem,
.rightHeaderItem {
white-space: nowrap;
overflow: hidden;
width: 103px;
}
.leftHeaderItem {
float: left;
text-align: left;
}
.rightHeaderItem {
float: right;
text-align: right;
}
</style>
</head>
<body>
<!-- paste your PGN below and make sure you dont specify an external source with SetPgnUrl() -->
<form style="display: none;"><textarea style="display: none;" id="pgnText">
[Event "loading PGN data, please wait..."]
[Result "*"]
</textarea></form>
<!-- paste your PGN above and make sure you dont specify an external source with SetPgnUrl() -->
<center>
<div id="GameBoard"></div>
<div id="bottomContainer" class="bottomContainer">
<div class="leftHeaderItem"><span id="GameLastMove"></span> </div>
<div class="rightHeaderItem"> <span id="GameNextMove"></span></div>
<div> <a href="javascript:void(0);" onclick="newMovesFlag(false); this.blur();" title="new moves received" id="GameNewMoves"></a> </div>
<div class="leftHeaderItem"><a href="javascript:void(0);" onclick="if (typeof(openFidePlayerUrl) == 'function') { openFidePlayerUrl(gameWhite[currentGame], customPgnHeaderTag('WhiteFideId')); } this.blur();" id="GameWhite" class="notranslate"></a> </div>
<div class="rightHeaderItem"> <a href="javascript:void(0);" onclick="if (typeof(openFidePlayerUrl) == 'function') { openFidePlayerUrl(gameBlack[currentGame], customPgnHeaderTag('BlackFideId')); } this.blur();" id="GameBlack" class="notranslate"></a></div>
<div class="leftHeaderItem"><span id="GameWhiteClock"></span> </div>
<div class="rightHeaderItem"> <span id="GameBlackClock"></span></div>
</div>
</center>
</body>
</html>