var KOCBEK = {};

KOCBEK.init = function() {
};

$(document).ready(KOCBEK.init);


KOCBEK.SwishCarousel = function (containerClass, paginationPosition, textContainerClass) {
    $(function () {
        var initCallbackExecuted = false;
        // start with text hidden
        $("." + textContainerClass + " div *").fadeOut(0, function () {
            if (!initCallbackExecuted) {
                initCallbackExecuted = true;
                // start with container low and invisible
                $("div." + containerClass + " div." + textContainerClass).css("bottom", "0px");
                $("div." + containerClass + " div." + textContainerClass).hide();
                // do first animation
                $("div." + containerClass + " div." + textContainerClass).animate(
                    {
                        bottom: "0px", // move container up
                        opacity: "toggle" // fade to visible
                    },
                    300,
                    function () {
                        $(this).find("div *").fadeIn("300"); // fade text in
                    }
                )
            }
        });
        // initialise carousel activity
        $("div." + containerClass).carousel({
            pagination: true,
            paginationPosition: paginationPosition,
            loop: true,
            autoSlide: true,
            autoSlideInterval: 5000,
            callback: function (step, env) {
                // start with text hidden
                $("." + textContainerClass + " div *").fadeOut(0);
                // start with container low and invisible
                $("div." + containerClass + " div." + textContainerClass).css("bottom", "0px");
                $("div." + containerClass + " div." + textContainerClass).hide();
            },
            completionCallback: function () {
                $("div." + containerClass + " div." + textContainerClass).animate(
                    {
                        bottom: "0px", // move container up
                        opacity: "toggle" // fade to visible
                    },
                    300,
                    function () {
                        $(this).find("div *").fadeIn("300"); // fade text in
                    }
                )
            },
            autoSlideOnHover: false,
            effect: "fade",
            btnsPosition: paginationPosition
        });
    });
}