var Slides ;
var pathArr;
var slideInterval=1500;
var NextSlide,CurrentSlide;
var length;
var targetImageID;
CurrentSlide = -1;

function CacheImage(ImageSource)
{
   var ImageObject = new Image();
   ImageObject.src = ImageSource;
   return ImageObject;
}

function ShowNext(Direction) 
{  
    NextSlide = CurrentSlide + Direction;
    if (NextSlide == length)
        {
            NextSlide = 0;
        }
    if ((NextSlide >= 0) && (NextSlide < length)) 
        {
            //document.images[targetImageID].src = Slides[NextSlide].src;
            document.getElementById(targetImageID).src=Slides[NextSlide].src;
            CurrentSlide = NextSlide++;            
        }
}
function CacheAll(len)
{
        var xCounter;    
        for (xCounter= 0 ;xCounter < len ;xCounter++)
        {           
          Slides[xCounter] = CacheImage(pathArr[xCounter]);
        }        
}
function StartSlideShow()
{
 setInterval("ShowNext(1);",slideInterval);
}
function InitSlideShow(imgID)
{   
    targetImageID=imgID;
    length=pathArr.length;
    LoadFirstImage();
    Slides=new Array(length);    
    CacheAll(length);    
    StartSlideShow();
}
function LoadFirstImage()
{       
    document.getElementById(targetImageID).src=pathArr[0];
}