var slideshowpanel;
var slideshowcontent;
var slideShowArray;
var slideShowCurrentIndex;
var slideStartupTimeout;
var slideAdvanceTimeout;

$(document).ready(function () {
    //slideshowpanel = $('#homeslideshow');
    //slideshowcontent = $('#showcontent');
    //slideShowCurrentIndex = 0;
    //slideshowcontent.html('<div class="panel" style="display:none;"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td align="center" valign="center"><img src="/FileBank/homeslideshow/' + slideShowArray[0] + '" /></td></tr></table></div>');
    //slideStartupTimeout = setTimeout(slideshowStartup, 500);
});
function slideshowStartup() {
    $('.panel').fadeIn(1500, fadeinComplete);
}
function fadeinComplete() {
    setupNextSlide();
    slideAdvanceTimeout = setTimeout(advanceSlide, 2000);
}
function setupNextSlide() {

    slideShowCurrentIndex++;
    if (slideShowCurrentIndex >= slideShowArray.length)
        slideShowCurrentIndex = 0;
    $('.panel').after('<div class="panel"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td align="center" valign="center"><img src="/FileBank/homeslideshow/' + slideShowArray[slideShowCurrentIndex] + '" /></td></tr></table></div>');
    
}
function advanceSlide() {
    $('.panel:first').animate({ marginLeft: -631 }, 1000, advancedSlideComplete);
    $('#homeslideshow').animate({ marginLeft: -10 }, 200);
    //$('#homeslideshow').animate({ marginLeft: 10 }, 200);
}
function advancedSlideComplete() {
    //$('.panel:first').animate({ marginLeft: -631 }, 1000, advancedSlideComplete2);
    $('#homeslideshow').animate({ marginLeft: 0 }, 200, advancedSlideComplete2);
//    $('.panel:first').remove();
  //  setupNextSlide();
    //slideAdvanceTimeout = setTimeout(advanceSlide, 2000);
}
function advancedSlideComplete2() {
    $('.panel:first').remove();
    setupNextSlide();
    slideAdvanceTimeout = setTimeout(advanceSlide, 3000);
}