var appletDate =  new Array();
var appletPath = new Array();
var appletClass = new Array();
var widgetType = new Array();
var widgetId = new Array();
var width = 456;
var height = 492;

appletDate[0] = "2012-02-05";
appletPath[0] = "http://api.jfs.nl/api/applet/38118/10005";
appletClass[0] = "WZ13X16_19_110819133240WIN.TXT.class";
widgetType[0] = "105";
widgetId[0] = "38118";
appletDate[1] = "2012-02-04";
appletPath[1] = "http://api.jfs.nl/api/applet/38117/10005";
appletClass[1] = "WZ13X16_07_110819133357WIN.TXT.class";
widgetType[1] = "105";
widgetId[1] = "38117";
appletDate[2] = "2012-02-03";
appletPath[2] = "http://api.jfs.nl/api/applet/38116/10005";
appletClass[2] = "WZ13X16_14_110819133233WIN.TXT.class";
widgetType[2] = "105";
widgetId[2] = "38116";
appletDate[3] = "2012-02-02";
appletPath[3] = "http://api.jfs.nl/api/applet/38115/10005";
appletClass[3] = "WZ13X16_16_110819133942WIN.TXT.class";
widgetType[3] = "105";
widgetId[3] = "38115";
appletDate[4] = "2012-02-01";
appletPath[4] = "http://api.jfs.nl/api/applet/38114/10005";
appletClass[4] = "WZ13X16_04_110819132856WIN.TXT.class";
widgetType[4] = "105";
widgetId[4] = "38114";
appletDate[5] = "2012-01-31";
appletPath[5] = "http://api.jfs.nl/api/applet/38113/10005";
appletClass[5] = "WZ13X16_02_110819133855WIN.TXT.class";
widgetType[5] = "105";
widgetId[5] = "38113";

function renderFlash(idx)
{
    var widgetHTML = '<object width="458" height="458">' +
                     '<param name="movie" value="/static/api/main.swf?api_key=K0GEfsGJNJb14gQnaIutU5WrspXfNPlx&puzzleId=' + widgetId[idx] + '">' +
                     '<embed src="/static/api/main.swf?api_key=K0GEfsGJNJb14gQnaIutU5WrspXfNPlx&puzzle_id=' + widgetId[idx] + '" width="458" height="458">' +
                     '</embed>' +
                     '</object>';
    document.getElementById('puzzellandApplet_K0GEfsGJNJb14gQnaIutU5WrspXfNPlx').innerHTML = widgetHTML;
}

function renderApplet(idx)
{
    var s = '';
    s +=  '<applet code="' + appletClass[idx] + '" codebase="' + appletPath[idx] + '" name="spelApplet" width="500" height="500">';
    s += '<param name=hints value="auto">';
    s += '<param NAME=aid VALUE="86140">';
    s += '<param name="background-color" value="#ffffff">';
            s += '<param name="background" value="#ffffff">';
            s += '<param name="vraagvenster" value="#54adeb">';
            s += '<param name="vraagkleur" value="#ffffff">';
            s += '<param name="hoptieForeground" value="#54adeb">';
            s += '<param name="hoptieBackground" value="#000000">';
            s += '<param name="hoptieForegroundClicked" value="#ffffe0">';
            s += '<param name="hoptieBackgroundClicked" value="#ffd700">';
            s += '<param name="hoptieFontColor" value="#ffffff">';
            s += '<param name="zwarthok" value="#000000">';
            s += '<param name="withok" value="#ffffff">';
            s += '<param name="kleincijfer" value="#000000">';
            s += '<param name="goedeletter" value="#54adeb">';
            s += '<param name="fouteletter" value="#ff0000">';
            s += '<param name="selwoord" value="#ececec">';
            s += '<param name="selletter" value="#cccccc">';
            s += '<param name="lijnen" value="#000000">';
            s += '<param name="sleutelhok" value="#cccccc">';
            s += '<param name="ibcvenster" value="#fefe00">';
            s += '<param name="ibctekst" value="#ffffff">';
            s += '<param name="lach" value="#008000">';
            s += '<param name="huil" value="#800000">';
            s += '<param name="ws_vraagpaneel" value="#54adeb">';
            s += '<param name="ws_bovenpaneel" value="#54adeb">';
            s += '<param name="ws_letterpaneel" value="#ffffff">';
            s += '<param name="ws_lijnkleur1" value="#54adeb">';
            s += '<param name="ws_lijnkleur2" value="#808080">';
            s += '<param name="ws_oplossingskleur" value="#fefe00">';
            s += '<param name="ws_letterkleur" value="#000000">';
            s += '<param name="ws_vraagkleur" value="#ffffff">';
            s += '<param name="ws_vinkkleur" value="#fe0033">';
            s += '<param name="ws_vinkboxkleur1" value="#ffffff">';
            s += '<param name="ws_vinkboxkleur2" value="#000000">';
            s += '<param name="kw_achtergrond2" value="#414198">';
            s += '<param name="kw_buitenletter" value="#b0c4de">';
        s += '</applet>';

    document.getElementById('puzzellandApplet_K0GEfsGJNJb14gQnaIutU5WrspXfNPlx').innerHTML = s;
}

function changeApplet(idx) 
{
    document.getElementById('puzzellandActualPuzzleDate_K0GEfsGJNJb14gQnaIutU5WrspXfNPlx').innerHTML = appletDate[idx];
    if (widgetType[idx] == 7) {
        renderFlash(idx);
    } else {
        renderApplet(idx);
    }
}

document.write('<div id="puzzellandFrame">');
document.write('<div id="puzzellandBox">');
document.write('<form name="puzzellandSelectForm">');
document.write('<span id="puzzellandText">Puzzel van <span id="puzzellandActualPuzzleDate_K0GEfsGJNJb14gQnaIutU5WrspXfNPlx">2012-02-05</span>. Klik om een andere te kiezen:</span>&nbsp;');
document.write('<select name="puzzellandSelect" onChange="changeApplet(this.selectedIndex)">');
document.write('<option value="WZ13X16_19_110819133240WIN.TXT.class">Zondag</option>');
document.write('<option value="WZ13X16_07_110819133357WIN.TXT.class">Zaterdag</option>');
document.write('<option value="WZ13X16_14_110819133233WIN.TXT.class">Vrijdag</option>');
document.write('<option value="WZ13X16_16_110819133942WIN.TXT.class">Donderdag</option>');
document.write('<option value="WZ13X16_04_110819132856WIN.TXT.class">Woensdag</option>');
document.write('<option value="WZ13X16_02_110819133855WIN.TXT.class">Dinsdag</option>');
document.write('</select>');
document.write('</form>');
document.write('<div id="puzzellandApplet_K0GEfsGJNJb14gQnaIutU5WrspXfNPlx"></div>');
document.write('</div>');
document.write('</div>');
changeApplet(0);