Javascript image scroller, fortæl hvornår den skal laves om

Hej, jeg sidder med et lille problem..

Jeg prøver at lave en javascript ajax scroller, som viser nogle tilfældig billederne, men eftersom den ikke skal vise flere på de forskellige rækker, skal den ændre billedet til et andet billede..

Problemet er bare, ligså snart jeg har kørt procession én gang, og vender tilbage og trykker på min scroller component, så laver den kuk i det..

Har lavet 2 pile, den ene kalder PreloadImagesLeft() og den anden Right().

Håber på lidt respons.

<script type="text/javascript">

var CreoMedia = new Object();

var StartPosition = {iL: '0',  iR: '0'};
var MaxPosition  = {iL: '10', iR: '8'};

var MyStartPosition = 0;
var MyEndPosition  = 0;

/**
    @creates dataholder
    @param - n, f, o - ()
    @coded {JKM}
**/

var Timer = setInterval("new CreoMedia.FadeTimeout()", 10000);

var MyDataHolder = new Object();
    MyDataHolder.RightExp = {dATA: 'missing'};
    MyDataHolder.LeftExp  = {dATA: 'missing'};


    CreoMedia.PreloadImagesLeft = function ()
    {
        if ( MyStartPosition >= MaxPosition['iL'] )
        {
            document.getElementById('LeftArrow').src = 'arrow_left_2.jpg';
            document.getElementById('RightArrow').src  = 'arrow_right.jpg';

            MyDataHolder.LeftExp['dATA'] = 'hashfilter';

            clearInterval(Timer);
            Timer = setInterval("new CreoMedia.FadeTimeout()", 10000);

            MyStartPosition = MyStartPosition - 1;

        } else {
            MyStartPosition = MyStartPosition + 1;

            document.getElementById('LeftArrow').src  = 'arrow_left.jpg';
           
        }
    };

    CreoMedia.PreloadImagesRight = function ()
    {
        if ( MyEndPosition >= MaxPosition['iR'] )
        {
            document.getElementById('RightArrow').src  = 'arrow_right_2.jpg';
            document.getElementById('LeftArrow').src  = 'arrow_left.jpg';

            MyDataHolder.RightExp['dATA'] = 'hashfilter';
         
            clearInterval(Timer);
            Timer = setInterval("new CreoMedia.FadeTimeout()", 10000);

            MyEndPosition = MyEndPosition - 1;
           
        } else {
            MyEndPosition = MyEndPosition + 1;
            document.getElementById('RightArrow').src  = 'arrow_right.jpg';



           
        }
    };


    CreoMedia.FadeTimeout = function ()
    {
              if ( MyDataHolder.RightExp['dATA'] == 'hashfilter' || MyDataHolder.LeftExp['dATA'] == 'hashfilter' )
              {
                    document.getElementById('RightArrow').src  = 'arrow_right.jpg';
                    document.getElementById('LeftArrow').src  = 'arrow_left.jpg';
              } else {
                  /** @ do nothing **/
              }
    };

    CreoMedia.LoadImages = function()
    {
          var iMG1 = new Image();
              iMG1.src = 'arrow_right.jpg';

          var iMG2 = new Image();
              iMG2.src = 'arrow_left.jpg';

          var iMG3 = new Image();
              iMG3.src = 'arrow_right_2.jpg';

          var iMG4 = new Image();
              iMG4.src = 'arrow_left_2.jpg';
    };
   

</script>