$(function() {
    setInterval( "slideSwitch()", 3000 );
		setInterval( "slideSwitch2()", 6000 );
		setInterval( "slideSwitch3()", 9000 );
});

function slideSwitch() {
var $active = $('#slideShowG IMG.active');

 if ( $active.length == 0 ) $active = $('#slideShowG IMG:last');

 // use this to pull the images in the order they appear in the markup
 var $next = $active.next().length ? $active.next()
 : $('#slideShowG IMG:first');

 // uncomment the 3 lines below to pull the images in random order

 // var $sibs = $active.siblings();
 // var rndNum = Math.floor(Math.random() * $sibs.length );
 // var $next = $( $sibs[ rndNum ] );


 $active.addClass('last-active');

 $next.css({opacity: 0.0})
 .addClass('active')
 .animate({opacity: 1.0}, 1000, function() {
 $active.removeClass('active last-active');
 });
} 

function slideSwitch2() {
var $active = $('#slideShowV IMG.active');

 if ( $active.length == 0 ) $active = $('#slideShowV IMG:last');

 var $next = $active.next().length ? $active.next()
 : $('#slideShowV IMG:first');

 $active.addClass('last-active');

 $next.css({opacity: 0.0})
 .addClass('active')
 .animate({opacity: 1.0}, 1000, function() {
 $active.removeClass('active last-active');
 });
} 

function slideSwitch3() {
var $active = $('#slideShowH IMG.active');

 if ( $active.length == 0 ) $active = $('#slideShowH IMG:last');

 var $next = $active.next().length ? $active.next()
 : $('#slideShowH IMG:first');

 $active.addClass('last-active');

 $next.css({opacity: 0.0})
 .addClass('active')
 .animate({opacity: 1.0}, 1000, function() {
 $active.removeClass('active last-active');
 });
}