var slideshow = {};

 

$(document).ready(function(){

  slideshowStart('#slideshow1');

  //slideshowStart('#slideshow2',10000,true);
  
  //This controls the navigation at the bottom of the banner



});

 

function slideshowStart(e,delay,random) {

  delay = (delay==null) ? 11000 : delay;

  random = (random==null) ? false : random;

  $(e).find('div').hide();

 

  var id = $(e).attr('id');

  slideshow[id] = {}

  slideshow[id].items = $(e).find('div');

  slideshow[id].delay = delay;

  slideshow[id].random = random;

  var s = slideshow[id];

 

  $(e).find('div').hover(function(){

    s.pause = true;

  },function(){

    s.pause = false;

    slideshowHide(id,$(s.items[s.i]));

  });
  

  slideshowShow(id);

}

 

function slideshowShow(id) {

  var s = slideshow[id];

  if (s.pause) return;

  if (s.random)

    s.i = Math.floor(Math.random()*s.items.length);

  else

    (s.i==null || s.i+1 >= s.items.length) ? s.i=0 : s.i++;

 

  $(s.items[s.i]).fadeIn('slow').animate({opacity: "none"}, s.delay, function(){

    if (!s.pause) {

      slideshowHide(id,$(s.items[s.i]));

    }

  });

}

 

function slideshowHide(id,e) {

  var s = slideshow[id];

  if (s.fade) return;

  s.fade = true;

  $(e).fadeOut('slow',function(){

    s.fade = false;

    (s.pause) ? $(e).fadeIn('slow' , 1000) : slideshowShow(id);

  });

}