Hey Everyone,

This is my first post. I'm currently working with the following code and I'm a bit of a noob

My client has asked for several of these to happen on the page load. So onload he want several 'bubbles' to float up at different times in various places across the screen. So, I'm trying to duplicate this code (which currently works for a moving object from the bottom of the screen with a mouseover, with lots of unneeded code) and duplicate it so onload I have several functions happening.

Be great if you guys could assist


Code:
<html>

<head>
<title>Moving Image Example</title>
<style type="text/css">
<!--
#BearPaw     { position: relative; visibility: hidden }
-->
</style>
<script language="JavaScript">
<!--

var thePaw;
var yPos = 0;
var xPos = 0;
var dSign = 1;

function doFancyBearPaw()
{
    if ( document.getElementById )
        thePaw = document.getElementById("BearPaw");
    else if ( document.layers )
        thePaw = document.layers["BearPaw"];
    else if ( document.all )
        thePaw = document.all.item("BearPaw");

    if ( thePaw )
    {
        hideObj( thePaw );
        var now = new Date();
        var secs = now.getSeconds() % 6;
        if ( secs < 12 )
            doBottomToTop();
        else if ( secs < 12 )
            doTopToBottom();
        else if ( secs < 12 )
            doRightToLeft();
        else
            doReveal();
    }
}

function moveObjTo( obj, x, y )
{
    if ( ! obj.style )
    {
        obj.top = y;
        obj.left = x;
    }
    else
    {
        obj.style.top = y + "px";
        obj.style.left = x + "px";
    }
}


function showObj( obj )
{
    if ( ! obj.style )
        obj.visibility = "visible";
    else
        obj.style.visibility = "visible";
}

function hideObj( obj )
{
    if ( ! obj.style )
        obj.visibility = "hidden";
    else
        obj.style.visibility = "hidden";
}

function doRightToLeft()
{
    xPos = 500;
    dSign = 1;
    moveObjTo( thePaw, xPos, yPos );
    showObj( thePaw );
    moveHoriz();
}

function doLeftToRight()
{
    xPos = 500;
    dSign = -1;
    moveObjTo( thePaw, (xPos * dSign), yPos );
    showObj( thePaw );
    moveHoriz();
}

function moveHoriz()
{
    var dec = Math.sqrt(xPos);
    xPos -= dec;
    if ( 0 < xPos )
    {
        moveObjTo( thePaw, (xPos * dSign), yPos );
        setTimeout( "moveHoriz()", 40 );
    }
    else
    {
        moveObjTo( thePaw, 0, 0 );
    }
}

function doBottomToTop()
{
    yPos = 700;
    dSign = 1;
    moveObjTo( thePaw, xPos, yPos );
    showObj( thePaw );
    moveVert();
}

function doTopToBottom()
{
    yPos = 200;
    dSign = -1;
    moveObjTo( thePaw, xPos, -yPos );
    showObj( thePaw );
    moveVert();
}

function moveVert()
{
    var dec = Math.sqrt(yPos/2);
    yPos -= dec;
    if ( 0 < yPos )
    {
        moveObjTo( thePaw, xPos, yPos * dSign );
        setTimeout( "moveVert()", 40 );
    }
    else
    {
        moveObjTo( thePaw, 0, 0 );
    }
}

function doFootPrints()
{
    yPos = 700;
    xPos = 25;
    moveObjTo( thePaw, xPos, yPos );
    showObj( thePaw );
    setTimeout( "moveFootPrint()", 50 );
}

function moveFootPrint()
{
    yPos -= 75;
    xPos *= -1;
    if ( 0 < yPos )
    {
        moveObjTo( thePaw, xPos, yPos );
        setTimeout( "moveFootPrint()", 400 );
    }
    else
    {
        moveObjTo( thePaw, 0, 0 );
    }
}

function doReveal()
{
    if ( ! thePaw.filters )
    {
        doLeftToRight();
    }
    else
    {
        thePaw.style.visibility = "hidden";
        thePaw.filters[0].Apply();
        thePaw.filters.item(0).transition = 23;
        thePaw.style.visibility = "visible";
        thePaw.filters[0].Play();
    }
}

//-->
</script>

</head>

<body onload="doFancyBearPaw()">

<div align="center">
<div id="BearPaw" name="BearPaw"
style="filter: revealTrans(duration=3.0, transition=23); height:100; width:80;">
  <img src="http://www.mitch.bigyetimedia.com/wp-content/uploads/2012/03/What-if-Button-singular2.png" border="0" noresize="true" alt="aperture patch post" class="mouseover" data-oversrc="http://www.mitch.bigyetimedia.com/wp-content/uploads/2012/03/What-if-Button-Surround-21.png" class="mouseout" data-oversrc="http://www.mitch.bigyetimedia.com/wp-content/uploads/2012/03/What-if-Button-singular2.png"/></a>
</div>
</div>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </body>

</html>