<?php /**/ ?>
<?php
/*
Sudoku Puzzle HTML
(C) Copyright 2007-2016
John Ryland <jryland@invertedlogic.com>
ALL RIGHTS RESERVED
URL scheme:
index.php Random game
index.php?game_id=12342 Game using seed 12342
index.php?game_id=daily Daily Challenge
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
<meta content="webmaster@xiaofrog.com" name="email"/>
<meta content="(C) Copyright 2007, XiaoFrog" name="copyright"/>
<meta name=viewport content="width=device-width, initial-scale=1">
<title>Puzzlrz' Su-Do-Ku</title>
<link type="text/css" rel="stylesheet" href="print.css" media="print" />
<link type="text/css" rel="stylesheet" href="sudoku.css" media="screen" />
<script type="text/javascript" language="JavaScript" src="utils.js"></script>
<script type="text/javascript" language="JavaScript" src="sudoku.js"></script>
<?php include_once("fb/og_header.php") ?>
<?php include_once("ads/google_header.php") ?>
</head>
<body onLoad="init();" onClick="pageClick();">
<?php include_once("fb/init.php") ?>
<div id="newDialogWrapper" class="DialogFrame">
<div id="newDialogWrapper2">
<div id="newDialog">
<div class="dialogTitle">New Game</div>
<div class="dialogContainer">
<p/>
<div onClick="loadGame('', 'test', '')">New Random Game</div>
<br/>
<div class='buttonBox'>
<div class="Button" onClick="loadGame('', 'easy', '')">Easy</div>
<div class="Button" onClick="loadGame('', 'medium', '')">Medium</div>
<div class="Button" onClick="loadGame('', 'hard', '')">Hard</div>
</div>
<br/>
<br/>
<br/>
<div>Daily Challenge</div>
<br/>
<div class='buttonBox'>
<div class="Button" onClick="loadGame('daily', 'easy', '')">Easy</div>
<div class="Button" onClick="loadGame('daily', 'medium', '')">Medium</div>
<div class="Button" onClick="loadGame('daily', 'hard', '')">Hard</div>
</div>
<br/>
<br/>
<br/>
<div class='buttonBox'>
<div id='newDialogCancel' class="Button" onClick='document.getElementById("newDialogWrapper").style.display = "none"'>Cancel</div>
</div>
</div>
</div>
</div>
</div>
<div id="menuWrapper" class="DialogFrame">
<div id="menuWrapper2">
<div id="menu" onClick="pageClick();">
<div id="resetButton" class="MenuItem" onClick="resetGame();"><div class="Icon"><?php include_once("images/reset.svg") ?></div>Reset</div>
<p/><div id="solveButton" class="MenuItem" onClick="solveGame();"><div class="Icon"><?php include_once("images/solve.svg") ?></div>Solve</div>
<p/><div id="printButton" class="MenuItem" onClick="print();"><div class="Icon"><?php include_once("images/print.svg") ?></div>Print</div>
<p/><div id="optionButton" class="MenuItem" onClick="options();"><div class="Icon"><?php include_once("images/settings.svg") ?></div>Options</div>
<p/><div id="shareButton" class="MenuItem" onClick="FB.ui({ quote: 'Sudoku-do! Play it free against your friends.', mobile_iframe: true, method: 'share', display: 'popup', href: window.location.href + '?ref=blah' }, function(response){});"><div class="Icon"><?php include_once("images/facebook.svg") ?></div>Share</div>
<p/><div id="likeButton" class="MenuItem"><div class="Icon"><?php include_once("images/like.svg") ?></div>Like</div>
</div>
</div>
</div>
<div id="winScreenWrapper" class="DialogFrame">
<div id="winScreenWrapper2">
<div id="winScreen">
<div class="dialogTitle">You Won!</div>
<div class="dialogContainer">
<p/>
<div>Congratulations on completing the puzzle.</div>
<br/>
<div id="winScreenContents"> </div>
<br/>
<div class='buttonBox'>
<div class="Button" style="width:350px;" onClick=''>Brag on Facebook</div>
<div class="Button" style="width:350px;" onClick=''>Challenge Friend</div>
<div class="Button" style="width:350px;" onClick='document.getElementById("winScreenWrapper").style.display = "none"'>Top Scores</div>
<div class="Button" style="width:350px;" onClick=''>I can do better</div>
</div>
</div>
</div>
</div>
</div>
<div id="leaderBoardWrapper" class="DialogFrame">
<div id="leaderBoardWrapper2">
<div id="leaderBoard">
<div class="dialogTitle">Leaderboard</div>
<div class="dialogContainer">
<p/>
<div>Top Players</div>
<br/>
<div id="leaderBoardContents"> </div>
<br/>
<div class='buttonBox'>
<div class="Button" id='CloseDialog'>Close</div>
</div>
</div>
</div>
</div>
</div>
<script>
function setDialogVisibility(el,vis)
{
while (el && el.parentNode) {
el = el.parentNode;
if (el.className == "DialogFrame") {
el.style.display = vis;
return;
}
}
}
document.getElementById('CloseDialog').onclick = function() { setDialogVisibility(this, 'none'); };
</script>
<div id="content" onClick="pageClick();">
<script type="text/javascript">
scaleToFit();
window.onresize = function(event) { scaleToFit(); };
</script>
<div class="titleLogo"><?php include_once("images/title.svg") ?></div>
<!--
<div style="position:fixed;top:10;left:1000;" class="fb-like" data-href="http://puzzlrz.com" data-width="60" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
<fb:login-button class="fb-login" scope="public_profile,email" onlogin="checkLoginState();">
</fb:login-button>
<div class="fb-like" data-share="true" data-width="300" data-show-faces="true"> </div>
<div id="status">
</div>
-->
<!-- <h1>Sudoku-do!</h1> -->
<div id="puzzleArea">
<div id="outterInProgress">
<div id="inProgress">
<div id="blah">
<img width="50" height="50" src="images/loading.gif"><br><br>Loading game ...
</div>
</div>
</div>
<table id='bigbox' cellspacing=0 cellpadding=0>
<?php
function outputBoxCell($off)
{
echo " <td class='Cell' id='".$off."' onClick='resetItem(\"".$off."\");' />\n";
}
function outputBoxRow($off)
{
echo " <tr>\n";
outputBoxCell(1+$off); outputBoxCell(2+$off); outputBoxCell(3+$off);
echo " </tr>\n";
}
function outputBox($off)
{
echo " <td><table id='boxes' cellspacing=0 cellpadding=0>\n";
outputBoxRow(0+$off); outputBoxRow(9+$off); outputBoxRow(18+$off);
echo " </table></td>\n";
}
function outputRow($off)
{
echo " <tr>\n";
outputBox(0+$off); outputBox(3+$off); outputBox(6+$off);
echo " </tr>\n";
}
outputRow(0);
outputRow(27);
outputRow(54);
?>
</table>
</div>
<p>
<div class='buttonBox'>
<?php
for ($i = 1; $i < 10; $i++) {
echo " <div id='Button_$i' class='NumButton' onClick=\"enterNumber($i);\">$i</div>\n";
}
?>
</div>
<br/>
<p>
<?php /*
<div class='buttonBox'>
<div id="newButton" class="Button" onClick="newGame();">New</div>
<div id="resetButton" class="Button" onClick="resetGame();">Reset</div>
<div id="solveButton" class="Button" onClick="solveGame();">Solve</div>
<div id="shareButton" class="Button" onClick="FB.ui({ quote: 'Sudoku-do! Play it free against your friends.', mobile_iframe: true, method: 'share', display: 'popup', href: window.location.href + '?ref=blah' }, function(response){});"><div class="FacebookLogo"><?php include_once("images/facebook.svg") ?></div>Share</div>
<br>
</div>
*/ ?>
<div class='buttonBox'>
<div id="menuButton" class="IconButton" onClick="menu();"><div class="Icon"><?php include_once("images/menu.svg") ?></div></div>
<div id="newButton" class="IconButton" onClick="newGame();"><div class="Icon"><?php include_once("images/new.svg") ?></div></div>
<div id="pauseButton" class="IconButton" onClick="pauseGame();"><div class="Icon"><?php include_once("images/pause.svg") ?></div></div>
<div id="resumeButton" class="IconButton" onClick="pauseGame();"><div class="Icon"><?php include_once("images/resume.svg") ?></div></div>
<div id="trophyButton" class="IconButton" onClick="trophies();"><div class="Icon"><?php include_once("images/trophy.svg") ?></div></div>
<div id="Timer">0:00</div>
<br>
</div>
<?php /*
<div id="ad_container"> </div>
*/ ?>
<?php include("ads/google_ads.php") ?>
</div>
<div id="Footer"></div>
<?php
/*
<div id="BannerAd">
<?php include("ads.php") ?>
</div>
*/
?>
<template id="icon-button-w"><?php include_once("images/icon-button-w.svg") ?></template>
<template id="icon-button-w-down"><?php include_once("images/icon-button-w-down.svg") ?></template>
<template id="button"><?php include_once("images/button.svg") ?></template>
<template id="button-disabled"><?php include_once("images/button-disabled.svg") ?></template>
<template id="icon-button"><div style="z-index:-1;position:relative;clear:none;float:none;top:-90px;left:0;"><?php include_once("images/icon-button.svg") ?></div></template>
<template id="icon-button-down"><?php include_once("images/icon-button-down.svg") ?></template>
<script>
/*
// This takes a template SVG button and adds it to the DOM a few times, then tints the colors
(function() {
var icon = document.querySelector('#icon-button');
var buttons = document.querySelectorAll('.NumButton');
for (var i = 0; i < buttons.length; i += 1)
buttons[i].appendChild(icon.content.cloneNode(true));
// Modify colors via JavaScript
var stops = document.querySelectorAll('#stop7394');
for (var i = 0; i < stops.length; i += 1)
stops[i].style = "stop-color:#e1f1e1;stop-opacity:1;";
stops = document.querySelectorAll('#stop7396');
for (var i = 0; i < stops.length; i += 1)
stops[i].style = "stop-color:#e1f1e1;stop-opacity:0;";
stops = document.querySelectorAll('#stop7402');
for (var i = 0; i < stops.length; i += 1)
stops[i].style = "stop-color:#c0d0c0;stop-opacity:1;";
stops = document.querySelectorAll('#stop7404');
for (var i = 0; i < stops.length; i += 1)
stops[i].style = "stop-color:#979797;stop-opacity:1;";
})();
*/
</script>
</body>
</html>
