How can i add this code in sidebar ?

Hey I wanna use a HTML code ( marquee image with hyperlinks )

<div id="js1" style="position:absolute; overflow:hidden;width:272px; height:384px; z-index:5">
<div align="center" id="c_js1" style="overflow:hidden;height:100%;width:100%;">
<div id="p1_js1"><img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/1.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/21.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/3.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/4.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/5.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/6.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/7.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/8.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/9.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/10.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/11.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/12.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/13.jpg" alt="" vspace="5"><br />
<img border="0" src="http://graphics-i.com/jbeilcity/wp-content/uploads/2010/02/14.jpg" alt="" vspace="5"><br />
</div>
<div id="p2_js1"></div>
</div> 

<script language="javascript" type="text/javascript">
var speed=30
var i=0
var n=Math.floor(js1.offsetHeight/p1_js1.offsetHeight)
for (i=0;i<=n;i++)
{
p2_js1.innerHTML+=p1_js1.innerHTML
}
function m_js1()
{
if(c_js1.scrollTop>=p2_js1.offsetTop)
 c_js1.scrollTop-=p1_js1.offsetHeight
else
 c_js1.scrollTop++
}
var mm_js1=setInterval(m_js1,speed)
c_js1.onmouseover=function(){clearInterval(mm_js1)}
c_js1.onmouseout=function(){mm_js1=setInterval(m_js1,speed)}
</script></div>
</div>

once i put this code in SIDEBAR.php template
working fine in Internet Explorer
but doesn’t work on firfox ,,,
test here :
http://www.graphics-i.com/jbeilcity/

Anyone can help me plz ?