function slideSwitch1() {
  var $active = $('#slideshow1 IMG.active');
  if ( $active.length == 0 ) $active = $('#slideshow1 IMG:last');
  // use this to pull the images in the order they appear in the markup
  var $next =  $active.next().length ? $active.next()
      : $('#slideshow1 IMG:first');
  $active.addClass('last-active');
  $next.css({opacity: 0.0})
      .addClass('active')
      .animate({opacity: 1.0}, 2000, function() {
          $active.removeClass('active last-active');
      });
}

$(function() {
    setInterval( "slideSwitch1()", 10000 );
});


function slideSwitch2() {
  var $active = $('#slideshow2 IMG.active');
  if ( $active.length == 0 ) $active = $('#slideshow2 IMG:last');
  // use this to pull the images in the order they appear in the markup
  var $next =  $active.next().length ? $active.next()
      : $('#slideshow2 IMG:first');
  $active.addClass('last-active');
  $next.css({opacity: 0.0})
      .addClass('active')
      .animate({opacity: 1.0}, 2000, function() {
          $active.removeClass('active last-active');
    });
}

$(function() {
    setInterval( "slideSwitch2()", 5000 );
});