if, if else statement producin error message
<p>I understand that each if statement and each if else statement is contained inside curly braces. That's what I've done here so far. I just started this code and I tested it with only 20% done so that I can fix errors before the code get's too long. With everything looking correct I'm getting a syntax error that for the life of me I can't see where it is. Any suggestions? Here is the code. And here is the link: <a href="http://ciswebs.smc.edu/cis54/tyson_schweidel/stickFigure.htm" rel="nofollow">stickFigure</a></p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
&lt;title&gt;The mysterious road&lt;/title&gt;
&lt;/head&gt;
&lt;script type="text/javascript"&gt;
var curScene = 0

function changedScene(decision){
var message = "";

if(curScene==0) {
curScene=1;
message = "Let the games began!";
}
else if(curScene ==1){
if(decision==1){
    curScene = 2;
    message = "Looks like you're on the right road.";
}
else(curScene = 3);
message = "you're stading on a bridge overlooking a peaceful stream.";
}

document.getElementById("sceneimg"). src = "scene" + curScene + .png; //There's a syntax  error       here that I don't see!
alert(message);
}
&lt;/script&gt;

&lt;body&gt;
&lt;div style="margin-top:100px; text-align:center"&gt;
&lt;p&gt;&lt;img id="sceneimg" src="../sfa/scene0.png" alt="Stick Figure" /&gt;&lt;/p&gt;

Enter here for a glorious adventure!
&lt;input type="button" id="decision" value="1" onclick="curScene(1)" /&gt;
Enter this gate for the surpirse of your life!
&lt;input type="button" id="decision" value="2" oonclick="curScene(2)" /&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
