(function() {
            var gliderSlider = {
                getTabSetting:function(position){
                    return{
                        duration: 0.25,
                        arrows: {
                            prev: `#${position}-glider-tab-prev`,
                            next: `#${position}-glider-tab-next`
                        },
                        
                        responsive: [
                            {
                                breakpoint: 775, 
                                settings: {
                                    exactWidth:true,
                                    slidesToScroll: 3,
                                    slidesToShow: 5
                                }
                            }, {
                                breakpoint: 1024, 
                                settings: {
                                    exactWidth:true,
                                    slidesToScroll:3,
                                    slidesToShow:8,
                                }
                            }]
                    }
                },
                getcardSetting: function(position, slidesToShow, slidesToScroll){
                    return {
                        dots: `#${position}-resp-dots`,
                        draggable: true,
                        arrows: {
                            prev: `#${position}-glider-prev`,
                            next: `#${position}-glider-next`
                        },
                        responsive: [
                            {
                                // screens greater than >= 775px
                                breakpoint: 775,
                                settings: {
                                    // Set to `auto` and provide item width to adjust to viewport
                                    slidesToShow: slidesToShow != '' ? slidesToShow-1 : 2.4,
                                    slidesToScroll: slidesToScroll != '' ? slidesToScroll-1 : 2,
                                    duration: 0.25
                                }
                            },{
                                // screens greater than >= 1024px
                                breakpoint: 1024,
                                settings: {
                                    slidesToShow: slidesToShow != '' ? slidesToShow-0.8 : 3.1,
                                    slidesToScroll: slidesToScroll != '' ? slidesToScroll : 3,
                                    duration: 0.25
                                }
                            },{
                                // screens greater than >= 1250px
                                breakpoint: 1250,
                                settings: {
                                    slidesToShow: slidesToShow != '' ? slidesToShow-0.2 : 3.1,
                                    slidesToScroll: slidesToScroll != '' ? slidesToScroll : 3,
                                    duration: 0.25
                                }
                            },{
                                // screens greater than >= 1300px
                                breakpoint: 1300,
                                settings: {
                                    slidesToShow: slidesToShow != '' ? slidesToShow : 4,
                                    slidesToScroll: slidesToScroll != '' ? slidesToScroll : 3,
                                    duration: 0.25
                                }
                            }
                        ]
                    }
                },
                filtersObj:{},
                cardList:{},
                fetchData: function(){
                    var url = $('.tabs-wrapper').attr('data-ajax-src').split('_')[0]+".json";
                    var dmn = window.location.host.indexOf("toidev") > -1 ? 'http://cards-staging.jeetwin-gaming.com/card-inserts/web' : 'http://api-newscard.jeetwin-gaming.com/card-inserts/web'
                    
                    $.ajax({
                        url: dmn+url,
                        type: 'GET',
                        dataType: 'json',
                        success: function(res) {
                            if(res.inserts){
                                var position = $('[slider-tab-position]');
                                position.each(function(){
                                    var html = '';
                                    var positionVal = $(this).attr('slider-tab-position');
                                    gliderSlider.cardList = res.inserts;
                                    var default_filter = res.inserts[positionVal] && res.inserts[positionVal].default_filter;
                                    gliderSlider.filtersObj[positionVal] = res.inserts[positionVal] && res.inserts[positionVal].filters;
                                    var tabsArray = res.inserts[positionVal] && res.inserts[positionVal].filters && Object.keys( res.inserts[positionVal].filters[0])||[];
                                    for(var i = 0; i < tabsArray.length ; i++){
                                        if(default_filter != tabsArray[i])
                                        html = html + '<div>' + tabsArray[i] + '</div>';
                                    }
                                    $(this).append(html);
                                    new Glider(document.getElementById(`${positionVal}-tabs`), gliderSlider.getTabSetting(positionVal));
                                })
                                    
                            }
                        },
                        error: function (jqXhr, textStatus, errorMessage) { 
                            console.log('Error: ' + errorMessage);
                        }
                    }); 
                }
    	    };
       
	        $(document).ready(function() {
	            var gliders = document.getElementsByClassName('glider');
	            for(var i = 0; i < gliders.length; i++) {
	                var data_position = gliders[i].getAttribute('data-position');
	               // var slidesToShow = gliders[i].getAttribute('slidesToShow');
	               // var slidesToScroll = gliders[i].getAttribute('slidesToScroll');
	                var wrapper=gliders[i].closest('.carousel-section');
	                var slidesToShow = wrapper && wrapper.offsetWidth/330;
	                var slidesToScroll= Math.floor(slidesToShow);
	                var glider = new Glider(document.getElementById(data_position), gliderSlider.getcardSetting(data_position, slidesToShow, slidesToScroll));
                    document.querySelector(`#${data_position}`).addEventListener("glider-loaded", function(event) {
                        var iframeEl = $('.iframe-wrapper');
                        iframeEl.each(function(){
                            var $this = $(this);
                            var iframeSrc = $this.attr('iframe-src');
                            $this.html(iframeSrc);
                            $this.removeClass('svg-class');
                            $this.removeClass('svg-background');
                            $this.removeAttr('iframe-src');
                        });
                    });
                    glider.emit("loaded");
	            }
	            if($('.tabs-wrapper').length){
                    gliderSlider.fetchData();
                }
                $('.tabs-wrapper').on('click','.glider-slide',function(e){
        	        var position = e.target.closest('.tabs-wrapper').getAttribute('slider-tab-position');
        	       // var slidesToShow = e.target.closest('.tabs-wrapper').getAttribute('slidesToShow');
	               // var slidesToScroll = e.target.closest('.tabs-wrapper').getAttribute('slidesToScroll');
                    var $this=$(this);
                    var wrapper=$this.closest('.carousel-section');
                    var slidesToShow = wrapper[0] && wrapper[0].offsetWidth/330;
                    var slidesToScroll= Math.floor(slidesToShow);
                    wrapper.find('.active-tab').removeClass('active-tab')
                    $this.addClass('active-tab')
        	        var tabName = e.target.textContent;
        	        var filters = gliderSlider.filtersObj[position][0][tabName];
        	        var cards = gliderSlider.cardList[position]
        	        var html=`<div class="glider" id="${position}" data-position="${position}" slidesToShow="${slidesToShow}" slidesToScroll="${slidesToScroll}">`;
        	        for(var i=0;i<filters.length;i++){
        	            var iframeEle=cards.cards[filters[i]].iframe;
        	            var ctaUrl = cards.cards[filters[i]].cta_url;
        	            var html=html+'<div   id="ufiewul8sl"    class="iframe-wrapper" cta-url='+ ctaUrl +'>'+iframeEle+'</div>'
        	        }
        	        html = html + `</div><div   id="ufiewul8sl"    class="controls" style="display: block;">
                            <button aria-label="Previous" class="glider-prev glider-arrow" id="${position}-glider-prev" />
                            <button aria-label="Next" class="glider-next glider-arrow" id="${position}-glider-next" />
                        </div>
                        <div role="tablist" class="resp-dots" id="${position}-resp-dots" />`;
        	        var finalhtml = `<div   id="ufiewul8sl"    class="glider-container" data-position="${position}">${html}</div>`;
        	        wrapper.find('.glider-contain').html(finalhtml);
        	        new Glider(document.getElementById(position), gliderSlider.getcardSetting(position, slidesToShow, slidesToScroll));
        	    })
            });
        }())