Floaties for Tumblr

paste this code in the customization section near the sidebar image section:

<meta name="image:floaties" content="" />

paste this under <body>:

<script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
<script type="text/javascript">

/***********************************************
* Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
* Modified by Dynamic Drive for various improvements
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Using CSB or Trellix:  use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix).  Then you MUST change each gEMDIR to GEMDIR before using code!
***********************************************/

//Step 1: Define unique variable names depending on number of flying images (ie:3):
var flyimage1, flyimage2, flyimage3, flyimage4

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
 flyimage1=new Chip("flyimage1",40,62);
 flyimage2=new Chip("flyimage2",40,62);
 flyimage3=new Chip("flyimage3",40,62);
 flyimage4=new Chip("flyimage4",40,62);
 flyimage5=new Chip("flyimage5",40,62);
 flyimage6=new Chip("flyimage6",40,62);


//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
movechip("flyimage4");
movechip("flyimage5");
movechip("flyimage6");

}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

</script>

<!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->


<div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
<img src="{image:floaties}">
</div>

<div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
<img src="{image:floaties}">
</div>

<div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
<img src="{image:floaties}">
</div>

<div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
<img src="{image:floaties}">
</div>

<div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
<img src="{image:floaties}">
</div>

<div id="flyimage6" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
<img src="{image:floaties}">
</div>