// JavaScript Document
function makeItMove(containerId,userActionId,textItemId,i)
{
// Values used by the script.
// BEWARE : YOU WILL HAVE TO MODIFIE THESE VALUES IN THE HTML CODE AS WELL, SETTING THEM TO THEIR NUMERIC VALUES!
var startValue=-61;// The value the movement will start. Must be big enough to let some white space.
var endValue=500; // the value the movement will end. Must be big enough to let the whoile text disappear
var stopValue=1500; // Must be greater than endValue;
var containerPositionFromTop=201;
var containerPositionFromLeft=101;
var containerPositionFromRight=101;
var containerWidth=150;
var containerHeight=100;

if (document.getElementById)
    {
   	 if(!document.getElementById('userAction'))
        {
        //alert("No action");
        }
    else
        {
        document.getElementById(userActionId).style.visibility="visible";
        //document.getElementById(userActionId).style.backgroundColor="rgb(257,205,217)";
        document.getElementById(userActionId).style.display="block";
        //document.getElementById(userActionId).style.float="left";
        document.getElementById(userActionId).style.zIndex="15";
        document.getElementById(userActionId).style.position="relative";
        document.getElementById(userActionId).style.top="0px";
        document.getElementById(userActionId).style.left="0px";
        document.getElementById(userActionId).style.width="auto";
        document.getElementById(userActionId).style.height="auto";
        }
    document.getElementById(containerId).style.zIndex="11";
    //document.getElementById(containerId).style.top=containerPositionFromTop+"px";
    //document.getElementById(containerId).style.left=containerPositionFromLeft+"px";
    document.getElementById(containerId).style.width=containerWidth+"%";
    document.getElementById(containerId).style.height=containerHeight+"px";
    document.getElementById(containerId).style.overflow="hidden";
    //document.getElementById(textItemId).style.zIndex="10";
    document.getElementById(textItemId).style.position="relative";
    //document.getElementById(textItemId).style.top=0+"px";
    document.getElementById(textItemId).style.left=-i+"px";
    }
if(i<endValue)
    {
    i++;
    //alert("makeItMove("+textItemId+","+i+")");
    timer=setTimeout("makeItMove('"+containerId+"','"+userActionId+"','"+textItemId+"',"+i+")",20);
    }
else
    if(i==endValue)
        {
        i=startValue;
        timer=setTimeout("makeItMove('"+containerId+"','"+userActionId+"','"+textItemId+"',"+i+")",20);
        }
     else
        {
        clearTimeout(timer);

        document.getElementById(textItemId).style.zIndex="11";

        document.getElementById(textItemId).style.position="relative";

        document.getElementById(textItemId).style.top=15+"px";

        document.getElementById(textItemId).style.left=17+"px";

        document.getElementById(containerId).style.overflow="scroll";

        }

}