(function ($) {
    $.fn.canimate = function (options) {
        var defaults = {
            totalFrames: 100,
            fps: 30,
            preload: false,
            loop: true
        };
        var nameOptions = {
            numbersFirst: false,
            imagePrefix: "frame",
            filetype: "png"
        };
        var options = $.extend(defaults, nameOptions, options);
        return this.each(function () {
            if (typeof (window.updater) != "undefined") {
                clearInterval(updater);
            }
            isPlaying = true;
            $totalFrames = options.totalFrames;
            $filetype = "." + options.filetype;
            $image = $(this).find("img");
            $interval = 1000 / options.fps;
            $currentFrame = $(this).find("img").attr("src");
            $buildFrame = $currentFrame.replace(options.imagePrefix, "");
            $buildFrame = $buildFrame.replace("." + options.filetype, "");
            $buildFrame = $buildFrame.split("/");
            $numberIndex = $buildFrame.length;
            $builtFrame = parseInt($buildFrame[$numberIndex - 1]);
            $nextFrameLocation = "";
            for ($directory = 0; $directory < $buildFrame.length - 1; $directory++) {
                $nextFrameLocation = $nextFrameLocation + $buildFrame[$directory] + "/";
            }
            if (options.preload == false) {
                updater($builtFrame, $nextFrameLocation, $filetype, options, $interval);
            } else {
                preload($builtFrame, $nextFrameLocation, $filetype, options, $interval);
            }
        });

        function zeroPad(num, count) {
            var numZeropad = num + "";
            while (numZeropad.length < count) {
                numZeropad = "0" + numZeropad;
            }
            return numZeropad;
        }
        function preload($builtFrame, $nextFrameLocation, $filetype, options, $interval) {
            $("body").prepend('<div class="canimate_preloader"></div>');
            for ($zeroFrame = $builtFrame; $zeroFrame <= options.totalFrames; $zeroFrame++) {
                $nextFrameNumber = zeroPad($zeroFrame, 4);
                $nextFrame = $nextFrameLocation + options.imagePrefix + $nextFrameNumber + $filetype;
                $(".canimate_preloader").append('<img class="' + $zeroFrame + '" src="' + $nextFrame + '"/>');
                $(".canimate_preloader img").css({
                    height: 0,
                    width: 1
                });
            }
            $(".canimation").prepend('<div style="text-align:center;" class="canimate_loadMessage">Loading...</div>');
            $image.css({
                opacity: 0
            });
            var totalLoaded = 0;
            $(".canimate_preloader img").load(function () {
                totalLoaded++;
                $(".canimate_loadMessage").text("Loaded " + totalLoaded + " of " + options.totalFrames + " images.");
                if (totalLoaded >= options.totalFrames) {
                    $(".canimate_loadMessage").hide();
                    if (typeof (window.updater) == "undefined") {
                        updater($builtFrame, $nextFrameLocation, $filetype, options, $interval);
                    }
                    $image.animate({
                        opacity: 1
                    }, 200);
                }
            });
        }
        function updater($builtFrame, $nextFrameLocation, $filetype, options, $interval) {
            updater = setInterval(function () {
                imageUpdate($builtFrame, $nextFrameLocation, $filetype, options);
                if ($builtFrame < options.totalFrames) {
                    $builtFrame++;
                } else {
                    if (options.loop == true) {
                        $builtFrame = 0;
                    } else {
                        clearInterval(updater);
                        startAnimHome_suite();
                    }
                }
            }, $interval);
        }
        function imageUpdate($builtFrame, $nextFrameLocation, $filetype, options) {
            $nextFrameNumber = zeroPad($builtFrame, 4);
            $nextFrame = $nextFrameLocation + options.imagePrefix + $nextFrameNumber + $filetype;
            $image.attr("src", $nextFrame);
        }
    };
})(jQuery);