$(function () {
    matriz.ui.components.ListaImagensLinkCarrossel = function () {
        this.init = function (options) {
            this.container = $(options.container);
            
            this.body = this.container.find("div.panel-body");

            var pagination = false;
            if (this.container.attr("data-pagination")) {
                pagination = this.container.attr("data-pagination") === "true";
            }

            var items = 4;
            if (this.container.attr("data-items")) {
                items = parseInt(this.container.attr("data-items"));
            }

            var itemsDesktop = 3;
            if (this.container.attr("data-items-desktop")) {
                itemsDesktop = parseInt(this.container.attr("data-items-desktop"));
            }

            var itemsDesktopSmall = 3;
            if (this.container.attr("data-items-desktop-small")) {
                itemsDesktopSmall = parseInt(this.container.attr("data-items-desktop-small"));
            }

            var itemsTablet = 2;
            if (this.container.attr("data-items-tablet")) {
                itemsTablet = parseInt(this.container.attr("data-items-tablet"));
            }

            var itemsMobile = 1;
            if (this.container.attr("data-items-mobile")) {
                itemsMobile = parseInt(this.container.attr("data-items-mobile"));
            }

            var owl = this.body.find("div.list-group").owlCarousel({
                items: items, //10 items above 1000px browser width
                itemsDesktop: [1200, itemsDesktop], //5 items between 1200px and 901px
                itemsDesktopSmall: [900, itemsDesktopSmall], // between 900px and 601px
                itemsTablet: [600, itemsTablet], //2 items between 600 and 480
                itemsMobile: [479, itemsMobile], // 1 item between 479 and 0
                pagination: pagination
            });

            this.body.find(".next").click(function () {
                owl.trigger('owl.next');
            });
            
            this.body.find(".prev").click(function () {
                owl.trigger('owl.prev');
            });
            
            this.input();
        };
        
        this.input = function() {
            var $items = this.body.find("div.list-group-item");
            
            this.container.find(".panel-heading input").keyup(function () {
                var inputTextValue = $(this).val().toLowerCase();
                $items.each(function () {
                    var title = $(this).find("figcaption").text();
                    
                    if (title.toLowerCase().indexOf(inputTextValue) > -1) {
                        $(this).closest("div.owl-item").show();
                    } else {
                        $(this).closest("div.owl-item").hide()
                    }
                });
            });
        };
    };
});