/*
 * Jarquee jQuery Plug-in
 * http://fazchanj.com/jarquee
 * Simple Marquee using .animate()
 *
 * Copyright (c) 2011 Samuel Rouse
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 * Requires jQuery 1.4+, tested with 1.4.2
 *
 * Date: 2010-05-13
 * Revision: 1
 * Options: 
 *	- speed ( rough characters per second )
 *	- baseWidth ( integer width to briefly set the inner to make sure the content is on one line )
 *	- pause ( true offers pause on mouseenter, resume on mouseleave )
 *	- center ( true centers content if narrower than marquee container )
 *
 * Date: 2011-06-23 - 2011-06-28
 * Revision: 3 (Added JSON fetch)
 * New Options:
 *  - URL ( URL for fetching contents via AJAX )
 *  - ##  ( replace ## in URL with REL from object for fetch )
 *
 * Date: 2011-12-28
 * Revision: 4 (Added Load Content Callback for Cufon, etc)
 * New Options:
 *  - onLoad ( function that will be called when content is loaded )
 */
(function ($) {
    $.fn.jarquee = function (options) {

        // Set the options.
        options = $.extend({}, $.fn.jarquee.defaults, options);
        $.fn.jarquee.options = options;
        $.fn.jarquee.object = this;

        if (options.URL != '') {
            if (options.debug == true) {
                // Attempt to load content via AJAX/JSON    
                $(document).ajaxError(function (ev, req, opt, err) { alert("Error: " + req.responseText); });
            }

            // If there is "##" in the URL, replace it with the Rel
            var myURL = options.URL;

            if (myURL.indexOf("##") > -1) {
                myURL = myURL.replace('##', $(this).attr('rel'));
            }

            // Add the callback reference to the URL
            if (myURL.indexOf("callback=?") == -1) {
                myURL += (myURL.indexOf("?") == -1 ? "?callback=?" : "&callback=?");
            }

            $.getJSON(myURL, function (data) {
                if (options.debug == true) { alert(data); }
                if (data.status_code >= 0) {
                    $.fn.jarquee.content = data.data_object;
                    return $.fn.jarquee.init($.fn.jarquee.object, true);
                }
            });
            // pass back the jQuery object regardless of outcome
            return this;

        } else {
            // If not loading content, go ahead and init the banner
            return $.fn.jarquee.init(this, false);
        }
    };

    $.fn.jarquee.init = function (jqArr, useLoadedContent) {
        // Go through the matched elements and return the jQuery object.
        var options = $.fn.jarquee.options;
        var content = $.fn.jarquee.content;

        return $(jqArr).each(function () {
            var obj = $(this);
            var active = true;

            // Check for missing descendants DIV and Span. Create if needed.
            if (!obj.find('div span').size()) {
                // Pack everything inside.
                obj.wrapInner('<span class="jarquee_content_wrapper" />').wrapInner('<div class="jarquee_inner" />');
            }

            // Handle loaded content (if needed)
            if (useLoadedContent && $.fn.jarquee.content != '') {
                var bannerID = obj.attr('rel');
                if (options.debug == true) {
                    alert("UseLoaded, Need Banner " + bannerID);
                }
                // Some way to only run a loaded banner if needed.
                var active = false;

                // Loop through the loaded content to see if there's a match.
                for (var inc in content) {
                    // Make sure that it exists before we try anything
                    if (parseInt(content[inc].id) == bannerID) {
                        // Load the data.

                        // Check for empty content
                        if (content[inc].content != "") {
                            // Replace the content on the page
                            obj.find('span').html(content[inc].content);
                            // Let us know it's there to animate.
                            active = true;
                        }
                        if (active) {
                            // Check for onLoad and run it if available
                            if (options.onLoad != null) {
                                options.onLoad();
                            }

                            // Make sure the banner is visible (might be hidden if empty)
                            if (!obj.is(':visible')) {
                                obj.show();
                            }

                            // Also check if the parent is visible (most banners are wrapped).
                            if (!obj.parent().is(':visible')) {
                                obj.parent().show();
                            }
                        }
                    }
                }
            }

            // Important variables.
            var marqueeWidth = obj.width(); 							// Inner width of the banner.
            obj.children('.jarquee_inner').width(options.baseWidth).css("position","absolute"); // Widen to make sure span is on one line;
            var contentWidth = obj.find('div span').outerWidth(); 	// Width of content, including padding & border.

            //Check for start centered
            if (options.center && marqueeWidth > contentWidth) {
                var offset = parseInt(marqueeWidth - contentWidth) >> 1;
                obj.children('.jarquee_inner').css('left', offset);
            }

            obj.css({ 'position': 'relative', 'overflow': 'hidden' });
            obj.find('.jarquee_inner').width(contentWidth + 20).css({ 'width': ('' + (contentWidth + 20)), 'position': 'absolute' });

            $.fn.jarquee.object = obj;
            $.fn.jarquee.options = options;
            $.fn.jarquee.settings = {
                mW: marqueeWidth,
                cW: contentWidth
            };

            if (active == true) {
                if (options.pause) {
                    $(this).bind({
                        'mouseenter': function () { $.fn.jarquee.action.stop(); },
                        'mouseleave': function () { $.fn.jarquee.move(); }
                    });
                }

                $.fn.jarquee.move();
            }
        });
    };

    // Public Values
    $.fn.jarquee.defaults = {
        speed: 5,
        baseWidth: 5000,
        debug: false,
        URL: ''
    };
    $.fn.jarquee.action = "";
    $.fn.jarquee.object = "";
    $.fn.jarquee.options = "";
    $.fn.jarquee.settings = "";
    $.fn.jarquee.content = "";
    // Public Functions	
    $.fn.jarquee.move = function () {
        var obj = $.fn.jarquee.object;
        var options = $.fn.jarquee.options;
        var settings = $.fn.jarquee.settings;

        var innerLeft = obj.find('div.jarquee_inner').css('left');
        innerLeft = isNaN(innerLeft.replace('px', '')) ? 0 : innerLeft.replace('px', '');
        var endGoal = (-1 * (settings.cW * -1 - innerLeft));
        var duration = ((settings.cW - (innerLeft * -1)) / (options.speed * 20)) * 1000;

        // Test adjustment to possibly help smoothness
        var dur_temp = parseInt(duration / endGoal) * endGoal;
        if (duration % endGoal > endGoal / 2) {
            duration += parseInt(endGoal >> 1);
        }

        $.fn.jarquee.action = $.fn.jarquee.object.children('.jarquee_inner').animate({ left: '-=' + endGoal }, duration, 'linear', function () {
            $.fn.jarquee.object.find('.jarquee_inner').css('left', $.fn.jarquee.settings.mW);
            $.fn.jarquee.move();
        });
    };
})(jQuery);