/* copyright Tomas Young 2009 */

if(screen.width >= 1400) {  // 1600x200, 1400x1050

    document.write('<div style="position:absolute; left:800px; top:400px;"> \
                    <img name="intro-i" src="blank.gif" border="0" width=265 height=300> \
                    </div>');

    document.write('<div style="position:absolute; left:800px; top:400px;"> \
                    <img name="intro-i2" src="blank.gif" border="0" width=265 height=300> \
                    </div>');

    document.write('<div id="dust-st" style="position:absolute; left:200px; top:150px;"> \
                    <img name="dust-i" src="blank.gif" border="0" width=600 height=400> \
                    </div>');

    document.write('<div id="monster-st" style="position:absolute; left:935px; top:0px;"> \
                    <img name="monster-i" src="blank.gif" border="0" width=122 height=100> \
                    </div>');

    document.write('<div style="position:absolute; left:970px; top:180px;"> \
                    <img name="plate-i" src="plate c0.gif" border="0" width=150 height=250> \
                    </div>');

    /*
    document.write('<div style="position:absolute; left:100px; top:200px;"> \
                    <img name="speaker-i" src="speaker 0.gif" border="0" width=50 height=50 onclick="say_sentence()"> \
                    </div>');
    */

    document.write('<div id="word0-st" style="position:absolute; left:200px; top:200px;"> \
                    <img name="word0-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word1-st" style="position:absolute; left:350px; top:200px;"> \
                    <img name="word1-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word2-st" style="position:absolute; left:500px; top:200px;"> \
                    <img name="word2-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word3-st" style="position:absolute; left:650px; top:200px;"> \
                    <img name="word3-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word4-st" style="position:absolute; left:800px; top:200px;"> \
                    <img name="word4-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word5-st" style="position:absolute; left:950px; top:200px;"> \
                    <img name="word5-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word6-st" style="position:absolute; left:951px; top:200px;"> \
                    <img name="word6-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word7-st" style="position:absolute; left:952px; top:200px;"> \
                    <img name="word7-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word8-st" style="position:absolute; left:953px; top:200px;"> \
                    <img name="word8-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word9-st" style="position:absolute; left:954px; top:200px;"> \
                    <img name="word9-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');

    document.write('<div id="bar0-st" style="position:absolute; left:200px; top:220px;"> \
                    <img name="bar0-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar1-st" style="position:absolute; left:350px; top:220px;"> \
                    <img name="bar1-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar2-st" style="position:absolute; left:500px; top:220px;"> \
                    <img name="bar2-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar3-st" style="position:absolute; left:650px; top:220px;"> \
                    <img name="bar3-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar4-st" style="position:absolute; left:800px; top:220px;"> \
                    <img name="bar4-i" src="blank.gif" border="0" width=120 height=120 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar5-st" style="position:absolute; left:950px; top:220px;"> \
                    <img name="bar5-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar6-st" style="position:absolute; left:951px; top:220px;"> \
                    <img name="bar6-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar7-st" style="position:absolute; left:952px; top:220px;"> \
                    <img name="bar7-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar8-st" style="position:absolute; left:953px; top:220px;"> \
                    <img name="bar8-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar9-st" style="position:absolute; left:954px; top:220px;"> \
                    <img name="bar9-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');

    document.write('<div style="position:absolute; left:50px; top:390px;"> \
                    <img name="magic0-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:130px; top:390px;"> \
                    <img name="magic1-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:210px; top:390px;"> \
                    <img name="magic2-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:290px; top:390px;"> \
                    <img name="magic3-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:370px; top:390px;"> \
                    <img name="magic4-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:450px; top:390px;"> \
                    <img name="magic5-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:530px; top:390px;"> \
                    <img name="magic6-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:610px; top:390px;"> \
                    <img name="magic7-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:690px; top:390px;"> \
                    <img name="magic8-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:770px; top:390px;"> \
                    <img name="magic9-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');

    document.write('<div style="position:absolute; left:220px; top:525px;"> \
                    <img name="speakerC0-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,0)"> \
                    </div>');
    document.write('<div style="position:absolute; left:300px; top:525px;"> \
                    <img name="speakerC1-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,1)"> \
                    </div>');
    document.write('<div style="position:absolute; left:380px; top:525px;"> \
                    <img name="speakerC2-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,2)"> \
                    </div>');
    document.write('<div style="position:absolute; left:460px; top:525px;"> \
                    <img name="speakerC3-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,3)"> \
                    </div>');
    document.write('<div style="position:absolute; left:540px; top:525px;"> \
                    <img name="speakerC4-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,4)"> \
                    </div>');
    document.write('<div style="position:absolute; left:620px; top:525px;"> \
                    <img name="speakerC5-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,5)"> \
                    </div>');
    document.write('<div style="position:absolute; left:700px; top:525px;"> \
                    <img name="speakerC6-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,6)"> \
                    </div>');
    document.write('<div style="position:absolute; left:780px; top:525px;"> \
                    <img name="speakerC7-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,7)"> \
                    </div>');
    document.write('<div style="position:absolute; left:860px; top:525px;"> \
                    <img name="speakerC8-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,8)"> \
                    </div>');
    document.write('<div style="position:absolute; left:940px; top:525px;"> \
                    <img name="speakerC9-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,9)"> \
                    </div>');

    document.write('<div style="position:absolute; left:220px; top:570px;"> \
                    <img name="speakerE0-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,0)"> \
                    </div>');
    document.write('<div style="position:absolute; left:300px; top:570px;"> \
                    <img name="speakerE1-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,1)"> \
                    </div>');
    document.write('<div style="position:absolute; left:380px; top:570px;"> \
                    <img name="speakerE2-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,2)"> \
                    </div>');
    document.write('<div style="position:absolute; left:460px; top:570px;"> \
                    <img name="speakerE3-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,3)"> \
                    </div>');
    document.write('<div style="position:absolute; left:540px; top:570px;"> \
                    <img name="speakerE4-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,4)"> \
                    </div>');
    document.write('<div style="position:absolute; left:620px; top:570px;"> \
                    <img name="speakerE5-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,5)"> \
                    </div>');
    document.write('<div style="position:absolute; left:700px; top:570px;"> \
                    <img name="speakerE6-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,6)"> \
                    </div>');
    document.write('<div style="position:absolute; left:780px; top:570px;"> \
                    <img name="speakerE7-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,7)"> \
                    </div>');
    document.write('<div style="position:absolute; left:860px; top:570px;"> \
                    <img name="speakerE8-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,8)"> \
                    </div>');
    document.write('<div style="position:absolute; left:940px; top:570px;"> \
                    <img name="speakerE9-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,9)"> \
                    </div>');

    document.write('<div style="position:absolute; left:200px; top:450px;"> \
                    <img name="choice0-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(0)"> \
                    </div>');
    document.write('<div style="position:absolute; left:280px; top:450px;"> \
                    <img name="choice1-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(1)"> \
                    </div>');
    document.write('<div style="position:absolute; left:360px; top:450px;"> \
                    <img name="choice2-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(2)"> \
                    </div>');
    document.write('<div style="position:absolute; left:440px; top:450px;"> \
                    <img name="choice3-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(3)"> \
                    </div>');
    document.write('<div style="position:absolute; left:520px; top:450px;"> \
                    <img name="choice4-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(4)"> \
                    </div>');
    document.write('<div style="position:absolute; left:600px; top:450px;"> \
                    <img name="choice5-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(5)"> \
                    </div>');
    document.write('<div style="position:absolute; left:680px; top:450px;"> \
                    <img name="choice6-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(6)"> \
                    </div>');
    document.write('<div style="position:absolute; left:760px; top:450px;"> \
                    <img name="choice7-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(7)"> \
                    </div>');
    document.write('<div style="position:absolute; left:840px; top:450px;"> \
                    <img name="choice8-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(8)"> \
                    </div>');
    document.write('<div style="position:absolute; left:920px; top:450px;"> \
                    <img name="choice9-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(9)"> \
                    </div>');

    document.write('<div style="position:absolute; left:30px; top:300px;"> \
                    <img name="fairy-i" src="fairy hover.gif" border="0" width=150 height=175 onclick="game_button()"> \
                    </div>');
}
else {  // 1280x1024, 1024x768, 800x600, 640x480

    document.write('<div style="position:absolute; left:750px; top:300px;"> \
                    <img name="intro-i" src="blank.gif" border="0" width=265 height=300> \
                    </div>');

    document.write('<div style="position:absolute; left:750px; top:300px;"> \
                    <img name="intro-i2" src="blank.gif" border="0" width=265 height=300> \
                    </div>');

    document.write('<div id="dust-st" style="position:absolute; left:150px; top:60px;"> \
                    <img name="dust-i" src="blank.gif" border="0" width=600 height=400> \
                    </div>');

    document.write('<div id="monster-st" style="position:absolute; left:850px; top:0px;"> \
                    <img name="monster-i" src="blank.gif" border="0" width=122 height=100> \
                    </div>');

    document.write('<div style="position:absolute; left:860px; top:130px;"> \
                    <img name="plate-i" src="plate c0.gif" border="0" width=120 height=200> \
                    </div>');

    /*
    document.write('<div style="position:absolute; left:70px; top:120px;"> \
                    <img name="speaker-i" src="speaker 0.gif" border="0" width=50 height=50 onclick="say_sentence()"> \
                    </div>');
    */

    document.write('<div id="word0-st" style="position:absolute; left:150px; top:100px;"> \
                    <img name="word0-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word1-st" style="position:absolute; left:300px; top:100px;"> \
                    <img name="word1-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word2-st" style="position:absolute; left:450px; top:100px;"> \
                    <img name="word2-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word3-st" style="position:absolute; left:600px; top:100px;"> \
                    <img name="word3-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word4-st" style="position:absolute; left:750px; top:100px;"> \
                    <img name="word4-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word5-st" style="position:absolute; left:900px; top:100px;"> \
                    <img name="word5-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word6-st" style="position:absolute; left:901px; top:100px;"> \
                    <img name="word6-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word7-st" style="position:absolute; left:902px; top:100px;"> \
                    <img name="word7-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word8-st" style="position:absolute; left:903px; top:100px;"> \
                    <img name="word8-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="word9-st" style="position:absolute; left:904px; top:100px;"> \
                    <img name="word9-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');

    document.write('<div id="bar0-st" style="position:absolute; left:150px; top:120px;"> \
                    <img name="bar0-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar1-st" style="position:absolute; left:300px; top:120px;"> \
                    <img name="bar1-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar2-st" style="position:absolute; left:450px; top:120px;"> \
                    <img name="bar2-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar3-st" style="position:absolute; left:600px; top:120px;"> \
                    <img name="bar3-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar4-st" style="position:absolute; left:750px; top:120px;"> \
                    <img name="bar4-i" src="blank.gif" border="0" width=100 height=100 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar5-st" style="position:absolute; left:900px; top:120px;"> \
                    <img name="bar5-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar6-st" style="position:absolute; left:901px; top:120px;"> \
                    <img name="bar6-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar7-st" style="position:absolute; left:902px; top:120px;"> \
                    <img name="bar7-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar8-st" style="position:absolute; left:903px; top:120px;"> \
                    <img name="bar8-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');
    document.write('<div id="bar9-st" style="position:absolute; left:904px; top:120px;"> \
                    <img name="bar9-i" src="blank.gif" border="0" width=1 height=1 onclick="say_sentence()"> \
                    </div>');

    document.write('<div style="position:absolute; left:0px; top:290px;"> \
                    <img name="magic0-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:80px; top:290px;"> \
                    <img name="magic1-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:160px; top:290px;"> \
                    <img name="magic2-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:240px; top:290px;"> \
                    <img name="magic3-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:320px; top:290px;"> \
                    <img name="magic4-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:400px; top:290px;"> \
                    <img name="magic5-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:480px; top:290px;"> \
                    <img name="magic6-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:560px; top:290px;"> \
                    <img name="magic7-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:640px; top:290px;"> \
                    <img name="magic8-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');
    document.write('<div style="position:absolute; left:720px; top:290px;"> \
                    <img name="magic9-i" src="blank.gif" border="0" width=200 height=60> \
                    </div>');

    document.write('<div style="position:absolute; left:170px; top:425px;"> \
                    <img name="speakerC0-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,0)"> \
                    </div>');
    document.write('<div style="position:absolute; left:250px; top:425px;"> \
                    <img name="speakerC1-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,1)"> \
                    </div>');
    document.write('<div style="position:absolute; left:330px; top:425px;"> \
                    <img name="speakerC2-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,2)"> \
                    </div>');
    document.write('<div style="position:absolute; left:410px; top:425px;"> \
                    <img name="speakerC3-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,3)"> \
                    </div>');
    document.write('<div style="position:absolute; left:490px; top:425px;"> \
                    <img name="speakerC4-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,4)"> \
                    </div>');
    document.write('<div style="position:absolute; left:570px; top:425px;"> \
                    <img name="speakerC5-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,5)"> \
                    </div>');
    document.write('<div style="position:absolute; left:650px; top:425px;"> \
                    <img name="speakerC6-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,6)"> \
                    </div>');
    document.write('<div style="position:absolute; left:730px; top:425px;"> \
                    <img name="speakerC7-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,7)"> \
                    </div>');
    document.write('<div style="position:absolute; left:810px; top:425px;"> \
                    <img name="speakerC8-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,8)"> \
                    </div>');
    document.write('<div style="position:absolute; left:890px; top:425px;"> \
                    <img name="speakerC9-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(0,9)"> \
                    </div>');

    document.write('<div style="position:absolute; left:170px; top:465px;"> \
                    <img name="speakerE0-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,0)"> \
                    </div>');
    document.write('<div style="position:absolute; left:250px; top:465px;"> \
                    <img name="speakerE1-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,1)"> \
                    </div>');
    document.write('<div style="position:absolute; left:330px; top:465px;"> \
                    <img name="speakerE2-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,2)"> \
                    </div>');
    document.write('<div style="position:absolute; left:410px; top:465px;"> \
                    <img name="speakerE3-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,3)"> \
                    </div>');
    document.write('<div style="position:absolute; left:490px; top:465px;"> \
                    <img name="speakerE4-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,4)"> \
                    </div>');
    document.write('<div style="position:absolute; left:570px; top:465px;"> \
                    <img name="speakerE5-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,5)"> \
                    </div>');
    document.write('<div style="position:absolute; left:650px; top:465px;"> \
                    <img name="speakerE6-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,6)"> \
                    </div>');
    document.write('<div style="position:absolute; left:730px; top:465px;"> \
                    <img name="speakerE7-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,7)"> \
                    </div>');
    document.write('<div style="position:absolute; left:810px; top:465px;"> \
                    <img name="speakerE8-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,8)"> \
                    </div>');
    document.write('<div style="position:absolute; left:890px; top:465px;"> \
                    <img name="speakerE9-i" src="blank.gif" border="0" width=30 height=30 onclick="say_word(1,9)"> \
                    </div>');

    document.write('<div style="position:absolute; left:150px; top:350px;"> \
                    <img name="choice0-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(0)"> \
                    </div>');
    document.write('<div style="position:absolute; left:230px; top:350px;"> \
                    <img name="choice1-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(1)"> \
                    </div>');
    document.write('<div style="position:absolute; left:310px; top:350px;"> \
                    <img name="choice2-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(2)"> \
                    </div>');
    document.write('<div style="position:absolute; left:390px; top:350px;"> \
                    <img name="choice3-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(3)"> \
                    </div>');
    document.write('<div style="position:absolute; left:470px; top:350px;"> \
                    <img name="choice4-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(4)"> \
                    </div>');
    document.write('<div style="position:absolute; left:550px; top:350px;"> \
                    <img name="choice5-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(5)"> \
                    </div>');
    document.write('<div style="position:absolute; left:630px; top:350px;"> \
                    <img name="choice6-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(6)"> \
                    </div>');
    document.write('<div style="position:absolute; left:710px; top:350px;"> \
                    <img name="choice7-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(7)"> \
                    </div>');
    document.write('<div style="position:absolute; left:790px; top:350px;"> \
                    <img name="choice8-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(8)"> \
                    </div>');
    document.write('<div style="position:absolute; left:870px; top:350px;"> \
                    <img name="choice9-i" src="blank.gif" border="0" width=60 height=60 onclick="game_pick(9)"> \
                    </div>');

    document.write('<div style="position:absolute; left:10px; top:210px;"> \
                    <img name="fairy-i" src="fairy hover.gif" border="0" width=150 height=175 onclick="game_button()"> \
                    </div>');
}