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

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

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