Newbie Javascript Firefox Problem

[arpunk]

Hi everyone.

I'm new to java/flash, but i am well-versed in html.
My issue is this:
I have a java script enabled that allows the site viewer to move an object by click/hold and dragging it along the page.
The script works in IE but not in firefox.

I really appreciate any help you guys have to offer, and if this is the wrong forum please point me in the right direction. Thank you all!!

The site is http://www.mystupidart.com/body_index2.html

The relevant code is:

<script>
<!--
var F_A,F_B,F_CH,F_CL,F_DB,F_E,F_F,F_L,F_MT,F_MV,F_R,F _SE,F_SU,F_U,F_HR,F_MU,F_MD;
function F_e(){} function F_n(){} function F_onLoaded(){}
//-->
</script>
<script language="JavaScript1.2">
<!--
document.write("<SCRIPT SRC=\"./assets/validation.js\"><\/SCRIPT>");
document.write("<SCRIPT SRC=\"./assets/script.js\"><\/SCRIPT>");
document.write("<SCRIPT SRC=\"./assets/effects.js\"><\/SCRIPT>");
//-->
</script>
<script>
<!--
function F_doLoaded() {
document.main = new F_cMain();
document.objectModel = new Object();
F_OM('Layout','LayoutLYR', 'doc', '', new Array());
F_OM('Picture26' , 'Picture26LYR', 'img', 'Layout',new Array(
'Mouse Down','Picture26','Start Drag','Until Mouse Up',0),'',0);
F_pageLoaded('Layout');
}
//-->
</script>

<div id="Picture26LYR"><ilayer id="Picture26LYR" visibility="inherit" width="200" height="233" z-index="1"><a href="Javascript:void(0) " onMouseUp="return(F_e('Picture26', F_MU))" onMouseDown="return(F_e('Picture26', F_MD))"><img id="Picture26" height="233" width="200" src="./assets/images/mann.gif" border="0" alt=""></a></ilayer></div>