var Tick;
function ShowSlide(SlideIndex, ResetTimeOut)
{
    var Slide = Slides[SlideIndex - 1];
    var ControlsHTML = "";
    
    if(ResetTimeOut)
        clearTimeout(Tick);
    document.getElementById("image_holder").childNodes[0].src = Slide.Image;    
    document.getElementById("text_holder").innerHTML = Slide.Text;
    document.getElementById("home-banner").style.border="thin solid " + Slide.SectionColor;
    document.getElementById("bottom_bar").style.backgroundColor=Slide.SectionColor;
    if (Slides.length > 0)
        ControlsHTML = ControlsHTML + "[";
    for(i=0; i<Slides.length;i++)
    {
       var LinkNumber = i+1;
       if(LinkNumber != SlideIndex)
       
            ControlsHTML = ControlsHTML + "<a href=\"javascript:ShowSlide("+LinkNumber+",true)\">"+LinkNumber+"</a>";
       
       else
            ControlsHTML = ControlsHTML + "<span>"+LinkNumber+"</span>";
    }
    if (Slides.length > 0)
    {
        ControlsHTML = ControlsHTML + "]";
        document.getElementById("controls").innerHTML = ControlsHTML;
    }
    Tick = setTimeout("PlaySlideshow();",5000);
}

function PlaySlideshow()
{   
    CurrentSlideIndex++;
    if(CurrentSlideIndex > Slides.length)//out of Slides array
        CurrentSlideIndex = 1;//start slideshow from the begining
    ShowSlide(CurrentSlideIndex,false);    
}