<!--

var puzzle;
var solution;

function onPageLoaded() {
    PuzzleBeanFactory.createInitialPuzzleBean(page_name, initialPuzzleCallback); 
    if (loginname=="eslvuser"){
    	var colbspan = document.getElementById("wdlk");
        colbspan.innerHTML='<a href="http://esl-voices.com/students/vocabulary/idioms/wordaday/" target="_parent">Wørd-A-Day</a>';
    }
}

var initialPuzzleCallback = function(data) { 
    puzzle=data.puzzle;
    solution=data.solution;
//    firstPuzzle();
}

var nextPuzzleCallback = function(data) { 
    puzzle=data.puzzle;
    solution=data.solution;
}

function firstPuzzle()
{
    var introtextdiv = document.getElementById('introtext');
    var itparent = introtextdiv.parentNode;
    itparent.removeChild(introtextdiv);
    var firststartdiv = document.getElementById('firststart');
    firststartdiv.innerHTML='<h4>Puzzle:</h4>';
    var puzzledisplaydiv = document.getElementById('puzzledisplay');
    puzzledisplaydiv.innerHTML = '<blockquote>' + puzzle + '</blockquote>';

    var showsolnbtndiv = document.getElementById('showsolnbtn');
    showsolnbtndiv.innerHTML=
        '<form><input type="button" name="showsolution" value="Show the Solution" class="submit_reset_btn" onclick="showSolution();return false;"></form>';
}

function showSolution()
{
    PuzzleBeanFactory.getNextPuzzleBean(nextPuzzleCallback);
    
    var showsolndiv = document.getElementById('showsolnbtn');
    showsolndiv.innerHTML='<h4>Solution:</h4>';
    var solntextdiv = document.getElementById('solntext');
    solntextdiv.innerHTML = '<blockquote>' + solution + '</blockquote>';

    var nextbtndiv = document.getElementById('nextbtn');
    nextbtndiv.innerHTML=
        '<form><input type="button" name="nextpuzzle" value="Next Puzzle" class="submit_reset_btn" onclick="nextPuzzle();return false;"></form>';
}

function nextPuzzle()
{
    var firststartdiv = document.getElementById('firststart');
    firststartdiv.innerHTML='<h4>Puzzle:</h4>';
    var puzzledisplaydiv = document.getElementById('puzzledisplay');
    puzzledisplaydiv.innerHTML = '<blockquote>' + puzzle + '</blockquote>';

    var nextbtndiv = document.getElementById('nextbtn');
    nextbtndiv.innerHTML='';
    var solntextdiv = document.getElementById('solntext');
    solntextdiv.innerHTML = '';

    var showsolnbtndiv = document.getElementById('showsolnbtn');
    showsolnbtndiv.innerHTML=
        '<form><input type="button" name="showsolution" value="Show the Solution" class="submit_reset_btn" onclick="showSolution();return false;"></form>';
}

// -->

