Hi guys

I have a javascript here I have tried to paste into my page. Im not overly familair with js, but this doesnt seem to be working. I have allocated each section to its position but the form just shows up and doesnt fly in and bounce.

I am not running any other script on the site and have used the exact same code on other pages and has worked fine.

Here is the code (have taken out form)



<script language=javascript src=DropPopOver.js></script><script language=javascript>
var ie=document.all
var dom = document.getElementById
var ns4 = document.layers
var bouncelimit = 32
var direction = "up"
function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top = scroll_top - 250
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart = setInterval("dropin()", 50)
}
function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top = parseInt(crossobj.top) + 40
else{
clearInterval (dropstart)
bouncestart = setInterval("bouncein()", 50)
}
}
function bouncein(){
crossobj.top = parseInt(crossobj.top) - bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit = bouncelimit * -1
if (bouncelimit==0){
clearInterval (bouncestart)
}
}
function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility = "hidden"
}




INSIDE BODY TAG

onLoad="setTimeout('initbox()',4000);"



BELOW BODY TAG


<div id="dropin" style="position: absolute; visibility: hidden;
left: 100;
top: 100;
width: 505;
height: 380;
border: 2px dotted #400000;
background-color: #FFFFFF"
<div contents / tables go here>

Thanks