Getting an Object Expected error here on line 0, not sure why?
the code:
<script language="javascript">
viewletName = new Array();
viewletName[0] = "WC_intro";
viewletName[1] = "WC_0_overview";
viewletName[2] = "WC_3_roles";
viewletName[3] = "WC_2_scheduled";
viewletName[4] = "WC_5_host_presenter";
viewletName[5] = "WC_4_attendee";
viewletName[6] = "WC_1_instant";
viewletName[7] = "WC_6_gotchas";
function toggleButton(i, updown)
{
// updown will be "down" or "up"
var buttonName = "button" + i;
var tempImg = new Image();
tempImg.src = "images/" + updown + "_lesson_" + i + ".png";
if(document.images)
document.images[buttonName].src = tempImg.src;
}
function gotoViewlet(i)
{
try {alert("HERE!")}
catch {
sThisViewlet = "flash/" + viewletName[i] + ".swf";
var b = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="880" height="660" ><param name="movie" value="' + sThisViewlet + '" /><param name="quality" value="high" /><param name="bgcolor" value="#B9BB9F " /><embed src="' + sThisViewlet + '" quality="high" bgcolor="#B9BB9F " width="880" height="660" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" /></object>';
window.movieframe.document.getElementById("viewlet Object").innerHTML = b;
}
}
</script>
<style>
body {
background-image: url(images/background.png);
}
</style>
</head>
<body>
<div style="left:10px; top:0px; position:absolute; z-index:0"><img src="images/ALTESS_training.png"></div>
<div style="left:920px; top:0px; position:absolute; z-index:0"><img src="images/ALTESS_logo.png"></div>
<div style="left:0px; top:36px; position:absolute; z-index:0"><img src="images/viewlet.png"></div>
<iframe
name="movieframe" scrolling="no"
id="movieframe" frameborder="0" marginheight="0px" marginwidth="0px"
style="left:25px; top: 65px; height: 660px; width: 880px; position: absolute; z-index: 1;"
src="play_viewlet.htm">
</iframe>
<div style="left: 935px; top: 65px; position: absolute; z-index: 2; float:none">
<!---
----- BUTTONS GO HERE -----
--->
<img name="button0"
onClick="gotoViewlet(0)"
onMouseOver="toggleButton(0, 'down')"
onMouseOut="toggleButton(0, 'up')"
src="images/up_lesson_0.png">
<br>
<img name="button1"
onClick="gotoViewlet(1)"
onMouseOver="toggleButton(1, 'down')"
onMouseOut="toggleButton(1, 'up')"
src="images/up_lesson_1.png">
<br>
<img name="button2"
onClick="gotoViewlet(2)"
onMouseOver="toggleButton(2, 'down')"
onMouseOut="toggleButton(2, 'up')"
src="images/up_lesson_2.png">
<br>
<img name="button3"
onClick="gotoViewlet(3)"
onMouseOver="toggleButton(3, 'down')"
onMouseOut="toggleButton(3, 'up')"
src="images/up_lesson_3.png">
<br>
<img name="button4"
onClick="gotoViewlet(4)"
onMouseOver="toggleButton(4, 'down')"
onMouseOut="toggleButton(4, 'up')"
src="images/up_lesson_4.png">
<br>
<img name="button5"
onClick="gotoViewlet(5)"
onMouseOver="toggleButton(5, 'down')"
onMouseOut="toggleButton(5, 'up')"
src="images/up_lesson_5.png">
<br>
<img name="button6"
onClick="gotoViewlet(6)"
onMouseOver="toggleButton(6, 'down')"
onMouseOut="toggleButton(6, 'up')"
src="images/up_lesson_6.png">
<br>
<img name="button7"
onClick="gotoViewlet(7)"
onMouseOver="toggleButton(7, 'down')"
onMouseOut="toggleButton(7, 'up')"
src="images/up_lesson_7.png">
<br>
</div>
</body>
</html>
object expected line 0
