function Slide(
    imagePath,
    href)
{
    this.imagePath=imagePath;
    this.href=href;
}

function SlideShow(
    _aSlide,
    div_id)
{
    this.aSlide=_aSlide;
    this.div_id=div_id;
    this.ixCurrentSlide=this.aSlide.length;
    this.slideDuration=10000;
    
    this.startShow = SlideShowDivHtml;
    this.nextSlide = nextSlide;
    this.backSlide = backSlide;
    this.selectSlide = selectSlide;    
}

var objCurrentShow = null;

function SlideShowDivHtml()
{
    var sHtml = '';
    this.slideShowDiv = this.div_id + '_slide_show_div';
    this.slideDiv = this.div_id + '_slide_show_slide'; 
    sHtml = '<div id="' + this.slideShowDiv + '">' +
            '<div style=" width:488px; height:260px;">' +
            '<div id="' + this.slideDiv + '">' +
            '</div>' +
            '</div>' +
            '<div id="slide_show_button_bar">' +
            '<div id="back_button" onclick="">' +
            '<a href="javascript:objCurrentShow.backSlide()">' +
            'back' +
            '</a>' +
            '</div>' +
            '<div id="next_button">' +
            '<a href="javascript:objCurrentShow.nextSlide()">' +            
            'next' +
            '</a>' +            
            '</div>' +            
            '</div>' +
        '</div>';
    
    document.getElementById( this.div_id ).innerHTML = sHtml;
    objCurrentShow = this;
    this.nextSlide();
}

function nextSlide()
{
    this.ixCurrentSlide++;
    if( this.ixCurrentSlide >= this.aSlide.length )
    {
        this.ixCurrentSlide = 0;
    }
    this.selectSlide( this.ixCurrentSlide );
}

function backSlide()
{
    if( this.ixCurrentSlide == 0)    
    {    
        this.ixCurrentSlide=this.aSlide.length;
    }
    this.ixCurrentSlide--;
    this.selectSlide( this.ixCurrentSlide );
}

function selectSlide(ixSlide)
{
    var slide;
    slide = this.aSlide[ixSlide];
    var sHtml =  '<a href="' + slide.href + '" target="_blank">' +
        '<img src="' + slide.imagePath + '"/>' +
        '</a>';

    document.getElementById( this.slideDiv ).innerHTML = sHtml;    
    clearTimeout(this.slideTimeout);
    this.slideTimeout = setTimeout( 'objCurrentShow.nextSlide()', this.slideDuration );
}