<script language="javascript">
        var roll1_x = 0; //Starting Location - left
        var roll1_y = ((window.innerHeight)/2)-207;
        var roll2_x = ((window.innerWidth)-12519); //Starting Location - left
        var roll2_y = ((window.innerHeight)/2)+7;
        // var y = ((window.innerHeight)/2)); //Starting Location - top
        var roll1_dest_x = (0-12084+(window.innerWidth));  //Ending Location - left
        var roll2_dest_x = 0;  //Ending Location - left
        // var dest_y = 8000;  //Ending Location - top
        var interval = 1; //Move 10px every initialization

        function moveImage() {

            //Keep on moving the image till the target is achieved
            if(roll1_x>roll1_dest_x) roll1_x = roll1_x - interval;
            if(roll2_x<roll2_dest_x) roll2_x = roll2_x + interval;
            // if(y<dest_y) y = y + interval;

            //Move the image to the new location
            // document.getElementById("ufo").style.top  = y+'px';
            document.getElementById("roll1").style.left = roll1_x+'px';
            document.getElementById("roll2").style.left = roll2_x+'px';

            // if ((x+interval > dest_x) && (y+interval < dest_y)) {
            if (roll1_x+interval > roll1_dest_x) {
                //Keep on calling this function every 100 microsecond
                //  till the target location is reached
                window.setTimeout('moveImage()',75);
            }
        }


        function startImage() {


        document.getElementById("roll1").style.top  = roll1_y+'px';
        document.getElementById("roll1").style.left  = roll1_x+'px';
        document.getElementById("roll2").style.top  = roll2_y+'px';
        document.getElementById("roll2").style.left  = roll2_x+'px';


        }
        function initImage() {
            imageId = 'roll1';
            image = document.getElementById(imageId);
            setOpacity(image, 0);
            image.style.visibility = "visible";
            fadeIn(imageId,0);
            imageId = 'roll2';
            image = document.getElementById(imageId);
            setOpacity(image, 0);
            image.style.visibility = "visible";
            fadeIn(imageId,0);
        }
        function fadeIn(objId,opacity) {
            if (document.getElementById) {
                obj = document.getElementById(objId);
                if (opacity <= 100) {
                    setOpacity(obj, opacity);
                    opacity += 10;
                    window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
                }
            }
        }
        function setOpacity(obj, opacity) {
            opacity = (opacity == 100)?99.999:opacity;
            // IE/Win
            obj.style.filter = "alpha(opacity:"+opacity+")";
            // Safari<1.2, Konqueror
            obj.style.KHTMLOpacity = opacity/100;
            // Older Mozilla and Firefox
            obj.style.MozOpacity = opacity/100;
            // Safari 1.2, newer Firefox and Mozilla, CSS3
            obj.style.opacity = opacity/100;
        }
        window.onload = function() {initImage()}






        </script>