$(function () {
    if ($(".j_slide").length) {
        function jSlide() {
            $(".j_slide_nav span").removeClass("active");

            if ($(".j_slide_item:visible").next(".j_slide_item").length) {
                $(".j_slide_nav span:eq(" + ($(".j_slide_item:visible").index() + 1) + ")").addClass("active");
                $(".j_slide_item:visible").fadeOut(function () {
                    $(this).next(".j_slide_item").fadeIn();
                });

            } else {
                $(".j_slide_nav span:eq(0)").addClass("active");

                $(".j_slide_item:visible").fadeOut(function () {
                    $(".j_slide_item:eq(0)").fadeIn();
                });
            }
        }

        var timeSlide = 1000;
        var jSlideTimer = setInterval(function () {
            jSlide();
        }, timeSlide);


        $(".j_slide").mouseenter(function () {
            clearInterval(jSlideTimer);
        }).mouseleave(function () {

            jSlideTimer = setInterval(function () {
                jSlide();
            }, timeSlide);

        });

        //NAV
        var slideNav = '';
        $(".j_slide_item").each(function () {
            slideNav += "<span class='rounded transition'></span>";
        });

        $(".j_slide_nav").html(slideNav).find("span").click(function () {
            var navigation = $(this);
            clearInterval(jSlideTimer);

            $(".j_slide_nav span").removeClass("active");
            $(".j_slide_item:visible").fadeOut(function () {
                navigation.addClass("active");
                $(".j_slide_item:eq(" + navigation.index() +  ")").fadeIn();
            });
        });
        $(".j_slide_nav").find("span:eq(0)").addClass("active");
    }

});