$(function(){
    var switchSlide = function() {

        var fadeOutSeconds = 2;
        var fadeInSeconds = 2;
	
		var bannerContainer = $('#bannertest');
        var banners = bannerContainer.find('.bannertest');
        var last = (banners.length -1);
        var active = bannerContainer.find('.active');
        var current = active.index();

        if (current < last ) {
            var nextbanner = active.next('.bannertest');
        }
        else {
            var nextbanner = banners.eq(0);
        }
        active.removeClass('active').fadeOut(1000*fadeOutSeconds, function() {																	
		nextbanner.addClass('active').fadeIn(1000*fadeInSeconds, function() {
	    	setTimeout(switchSlide, 8000);																		  
			});
        });
    };
	$('.bannertest').not('.active').hide();
    setTimeout(switchSlide, 8000);
});