// This widget depends on jFlow

(function($) {
    window.opmsgFlow = function(messages) {
        var script_el;
        $("script").each(function() {
            if( this.src.indexOf("callback=opmsgFlow") > 0 ) {
                script_el = this;
                return false;
            }
        });
        if (!script_el) return;

        var $div = $("<div class='opmsg-widget'></div>");
        $div.insertBefore(script_el);
        $div.html("<div class=\"slides\"></div><div class=\"control\"><a href=\"#\" class=\"jFlowPrev\">Prev</a><a href=\"#\" class=\"jFlowNext\">Next</a><br/></div>");

        $(document).ready(function() {
            var $control = $div.find(".control");
            var $slides  = $div.find(".slides");
            $(messages).each(function(i) {
                $control.append("<span class=\"jFlowControl\">●</span>");
                $slides.append( "<div>" + this.formatted_content + "</div>" );
            });

	    $div.find(".control").jFlow({
	        slides: ".slides"
            });
            $div.find(".jFlowPrev,.jFlowNext").bind("click", function() { return false; });

            var doing = false;
            var play =  function() {
                $div.find(".jFlowNext").trigger("click");
                setTimeout(play, 10000);
            };
            setTimeout(play, 10000);
        });
    };
})(jQuery);