// copyright Tomas Young 2008

var loop = 0;
var balloons = new Array;

balloons[0] = "is it ok";
balloons[1] = "is it correct";
balloons[2] = "do you like";
balloons[3] = "do you want";
balloons[4] = "what is this";
balloons[5] = "which one is";
balloons[6] = "i do not know";

var sindex = 0;
var ssindex = 0;
var sloop = 0;

var iin_lock = true;

function questions_iin(tag,file) {
    if(iin_lock) {
	return;
    }
    Iin(tag,file);
}

function questions_sin() {
    if(sloop == 0) {
	sloop++;
	Sin("sclip","questions/"+balloons[ssindex]+"E.wav");
	setTimeout("questions_sin()",1000);
    }
    else {
	sloop = 0;
	unlockClick();
    }
}

function questions_s2in() {
    if(clickLock) {
	return;
    }
    lockClick();
    ssindex = sindex;
    Sin("sclip","questions/"+balloons[sindex]+".wav");
    setTimeout("questions_sin()",2500);
}

var a0 = "b0-i", a1 = "questions/is it ok balloon 3.gif", a2 = "questions/is it ok balloon 2.gif";
var b0 = "b1-i", b1 = "questions/is it correct balloon 3.gif", b2 = "questions/is it correct balloon 2.gif";
var c0 = "b2-i", c1 = "questions/do you like balloon 3.gif", c2 = "questions/do you like balloon 2.gif";
var d0 = "b3-i", d1 = "questions/do you want balloon 3.gif", d2 = "questions/do you want balloon 2.gif";
var e0 = "b4-i", e1 = "questions/what is this balloon 3.gif", e2 = "questions/what is this balloon 2.gif";
var f0 = "b5-i", f1 = "questions/which one is balloon 3.gif", f2 = "questions/which one is balloon 2.gif";
var g0 = "b6-i", g1 = "questions/i do not know balloon 3.gif", g2 = "questions/i do not know balloon 2.gif";

document.write('<div style="position:absolute; left:600px; top:60px;"> \
                <img name="bob-i" src="blank.gif" align="left" border="0" width=300 height=350> \
                </div>');
document.write('<div style="position:absolute; left:600px; top:60px;"> \
                <img name="bob-i2" src="blank.gif" align="left" border="0" width=300 height=350> \
                </div>');
document.write('<div id="b0-st" style="position:absolute; left:110px; top:140px;"> \
                <img name="b0-i" src="blank.gif" align="left" border="0" width=110 height=145 onmouseover="questions_iin(a0,a1)" onmouseout="questions_iin(a0,a2)" onclick="sindex=0;questions_s2in()"> \
                </div>');
document.write('<div id="b1-st" style="position:absolute; left:160px; top:275px;"> \
                <img name="b1-i" src="blank.gif" align="left" border="0" width=100 height=135 onmouseover="questions_iin(b0,b1)" onmouseout="questions_iin(b0,b2)" onclick="sindex=1;questions_s2in()"> \
                </div>');
document.write('<div id="b2-st" style="position:absolute; left:220px; top:150px;"> \
                <img name="b2-i" src="blank.gif" align="left" border="0" width=100 height=135 onmouseover="questions_iin(c0,c1)" onmouseout="questions_iin(c0,c2)" onclick="sindex=2;questions_s2in()"> \
                </div>');
document.write('<div id="b3-st" style="position:absolute; left:280px; top:285px;"> \
                <img name="b3-i" src="blank.gif" align="left" border="0" width=105 height=140 onmouseover="questions_iin(d0,d1)" onmouseout="questions_iin(d0,d2)" onclick="sindex=3;questions_s2in()"> \
                </div>');
document.write('<div id="b4-st" style="position:absolute; left:340px; top:150px;"> \
                <img name="b4-i" src="blank.gif" align="left" border="0" width=100 height=135 onmouseover="questions_iin(e0,e1)" onmouseout="questions_iin(e0,e2)" onclick="sindex=4;questions_s2in()"> \
                </div>');
document.write('<div id="b5-st" style="position:absolute; left:400px; top:255px;"> \
                <img name="b5-i" src="blank.gif" align="left" border="0" width=100 height=135 onmouseover="questions_iin(f0,f1)" onmouseout="questions_iin(f0,f2)" onclick="sindex=5;questions_s2in()"> \
                </div>');
document.write('<div id="b6-st" style="position:absolute; left:520px; top:180px;"> \
                <img name="b6-i" src="blank.gif" align="left" border="0" width=100 height=135 onmouseover="questions_iin(g0,g1)" onmouseout="questions_iin(g0,g2)" onclick="sindex=6;questions_s2in()"> \
                </div>');

function appear() {
    if(loop < 6) {
	Iin("b"+loop+"-i","questions/"+balloons[loop]+" balloon 2.gif");
	setTimeout("appear()",1200);
    }
    if(loop == 6) {
	Iin("bob-i","teacher wonder.gif");
	Iin("bob-i2","blank.gif");
	Iin("b"+loop+"-i","questions/"+balloons[loop]+" balloon 2.gif");
	setTimeout("appear()",1000);
    }
    if(loop == 7) {
	Iin("bob-i","teacher do not know.gif");
	setTimeout("appear()",1000);
    }
    if(loop == 8) {
	if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
	    Iin2Sin("bob-i","teacher ask 2.gif","bob-i2","teacher talk.gif","sclip","questions/click balloon.mp3");
	}
	else if(/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
	    Iin2Sin("bob-i","teacher ask 2.gif","bob-i2","teacher talk.gif","sclip","questions/click balloon.wav");
	}
	setTimeout("appear()",3500);
    }
    if(loop == 9) {
	Iin("bob-i2","teacher smile.gif");
	unlockClick();
	iin_lock = false;
    }
    loop++;
}

function animate() {
    lockClick();
    iin_lock = true;
    if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
	Sin("sclip2","questions/irish dance 4.mp3");
	IinSin("bob-i","teacher dance 4.gif","sclip","questions/questions 2.mp3");
    }
    else if(/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
	Sin("sclip2","questions/irish dance 4.wav");
	IinSin("bob-i","teacher dance 4.gif","sclip","questions/questions 2.wav");
    }
    appear();
}