(function($) {
    $(function() {
        var jcarousel = $('.jcarousel');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 900) {
                    width = width / 5;
                } else if (width >= 500) {
                    width = width / 3;
                }
				 else if (width >= 360) {
                    width = width / 2;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);



<!-- two slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel2');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel2-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel2-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel2').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 3 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel3');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel3-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel3-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel3').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 4 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel4');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel4-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel4-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel4').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 5 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel5');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel5-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel5-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel5').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);


<!-- 6 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel6');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel6-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel6-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel6').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 7 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel7');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel7-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel7-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel7').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 8 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel8');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel8-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel8-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel8').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 9 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel9');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel9-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel9-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel9').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);

<!-- 7 slider -->
(function($) {
    $(function() {
        var jcarousel = $('.jcarousel10');

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel10-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel10-control-next')
            .jcarouselControl({
                target: '+=1'
            });
	
		jQuery('.jcarousel10').jcarouselAutoscroll({
        autostart: true
   });
   
    });
})(jQuery);


function activateCarousel(index){
        var jcarousel = $('.jcarousel'+index);

        jcarousel
            .on('jcarousel:reload jcarousel:create', function () {
                var width = jcarousel.innerWidth();

                if (width >= 600) {
                    width = width / 1;
                } else if (width >= 350) {
                    width = width / 1;
                }

                jcarousel.jcarousel('items').css('width', width + 'px');
            })
            .jcarousel({
                wrap: 'circular'
            });

        $('.jcarousel'+index+'-control-prev')
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel'+index+'-control-next')
            .jcarouselControl({
                target: '+=1'
            });
    
        jQuery('.jcarousel'+index).jcarouselAutoscroll({
        autostart: true
   });
   }

(function($) {
    $(function() {
        var tabs = $(".tabs");

        tabs.on('click',function(e) {
            e.preventDefault();
            var self = $(this);
            var carousel = self.attr("data-carousel");
            var href = self.attr("href");
            $(".jcarousel-container").removeClass('active');
            $(".jcarousel"+carousel+"-wrapper").addClass('active');
            $(".tabs").removeClass('active');
            self.addClass('active');

            $("#cat_name").text(self.children("span").html());
            $("#cat_url a").attr("href",self.children("span").attr("data-url"));

            activateCarousel(carousel);

        });
   });
})(jQuery);