Do Banners polyfill

dobanners.js

doBanners: function() {
        var banners = $('.banners-wrapper');
        banners.after('<div class="banner-nav-wrapper"></div>');
        $('.banner-nav-wrapper').append('<ul class="banner-switch"></ul>')
            .append('<ul class="banner-nav"></ul>');
        banners.find('.item').each(function(i) {
            $(this).addClass('banner-panel-'+i);
            var url = $(this).find('.more a').attr('href');
            if (i == 0) $(this).addClass('active');
            var navImg = $(this).find('.do-image').data('nav');
            var navCaption = $(this).find('.do-image').data('caption');
            $('.banner-switch').append('<li><a href="'+url+'" data-panel="banner-panel-'+i+'"><span>'+(i+1)+'</span></a></li>');
            $('.banner-nav').append('<li><a href="'+url+'" data-panel="banner-panel-'+i+'"><span><img src="'+navImg+'" alt=""/></span>'+navCaption+'</a></li>');
        });
        // $('.banner-switch, .banner-nav').find('li:eq(0)').addClass('active');
        // $('.banner-switch').prepend('<li class="prev"><a href="#" data-panel="banner-panel-"><span>Previous</span></a></li>');
        // $('.banner-switch').append('<li class="next"><a href="#" data-panel="banner-panel-"><span>Next</span></a></li>');