/*!
 * jQuery Twitter Search Plugin
 * Examples and documentation at: http://jquery.malsup.com/twitter/
 * Copyright (c) 2010 M. Alsup
 * Version: 1.01 (14-APR-2010)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 * Requires: jQuery v1.3.2 or later
 */
 
// @todo: refresh button
 
;
(function($) {
    $.fn.twitterSearch = function(options) {
        if (typeof options == 'string')
            options = {
                term: options
            };
        return this.each(function() {
            var $frame = $(this);
            var opts = $.extend(true, {}, $.fn.twitterSearch.defaults, options || {}, $.metadata ? $frame.metadata() : {});
            opts.formatter = opts.formatter || $.fn.twitterSearch.formatter; 
            opts.filter = opts.filter || $.fn.twitterSearch.filter;
            var url = opts.url + opts.term;
			
            if (!opts.applyStyles) { // throw away all style defs
                for (var css in opts.css)
                    opts.css[css] = {};
            }
			
            if (opts.title === null) // user can set to '' to suppress title
                opts.title = opts.term;

            opts.title = opts.title || '';
            var t = opts.titleLink ? ('<a href="'+ opts.titleLink +'">'+ opts.title + '</a>') : ('<span>' + opts.title + '</span>');
            var $t = $(t);
            if (opts.titleLink)
                $t.css(opts.css['titleLink']);
            var $title = $('<div class="twitterSearchTitle"></div>').append($t).appendTo($frame).css(opts.css['title']);
            var $cont = $('<div class="twitterSearchContainter"></div>').appendTo($frame).css(opts.css['container']);
            var cont = $cont[0];
            if (opts.colorExterior)
                $title.css('background-color',opts.colorExterior);
            if (opts.colorInterior)
                $cont.css('background-color',opts.colorInterior);
			
            $frame.css(opts.css['frame']);
            if (opts.colorExterior)
                $frame.css('border-color',opts.colorExterior);
			
            var h = $frame.innerHeight() - $title.outerHeight();
            $cont.height(h);
			
            if (opts.pause)
                $cont.hover(function(){
                    cont.twitterSearchPause = true;
                },function(){
                    cont.twitterSearchPause = false;
                });
			
            $('<div class="twitterSearchLoading">Carregando tweets..</div>').css(opts.css['loading']).appendTo($cont);
			
            // grab twitter stream
            $.getJSONP({
                url: url,
                timeout: 30000,
                error: function(xhr, status, e) {
                    failWhale(e);
                },
                success: function(json) {
                    if (json.error) {
                        failWhale(json.error);
                        return;
                    }
                    $cont.empty();
                    
                    // interação dos resultado trazidas do twitter
                    var conta = 0;
                    var MAXIMO_TWITTES = 5;
                    $.each(json.results, function(i) {
                        if (!opts.filter.call(opts, this))
                            return; // skip this tweet
                        var tweet = opts.formatter(this, opts), $tweet = $(tweet);
                        $tweet.css(opts.css['tweet']);
                        var $img = $tweet.find('.twitterSearchProfileImg').css(opts.css['img']);
                        $tweet.find('.twitterSearchUser').css(opts.css['user']);
                        $tweet.find('.twitterSearchTime').css(opts.css['time']);
                        $tweet.find('a').css(opts.css['a']);
                        
                        if(conta < MAXIMO_TWITTES)
                            $tweet.appendTo($cont);
                        var $text = $tweet.find('.twitterSearchText').css(opts.css['text']);
                       
                        conta ++;
                    });
                    		
                    if (json.results.length < 2)
                        return;

                    // stage first animation
                    setTimeout(go, opts.timeout);
                }
            });

            function failWhale(msg) {
                var $fail = $('<div class="twitterSearchFail">' + msg + '</div>').css(opts.css['fail']);
                $cont.empty().append($fail);
            };
			
            function go() {
                if (cont.twitterSearchPause) {
                    setTimeout(go, 500);
                    return;
                }
                var $el = $cont.children(':first'), el = $el[0];
                $el.animate(opts.animOut, opts.animOutSpeed, function() {
                    var h = $el.outerHeight();
                    $el.animate({
                        marginTop: -h
                    }, opts.animInSpeed, function() {
                        $el.css({
                            marginTop: 0,	
                            opacity: 1
                        });
                        /*@cc_on
						try { el.style.removeAttribute('filter'); } // ie cleartype fix
						catch(smother) {}
						@*/
                        $el.css(opts.css['tweet']).show().appendTo($cont);
                    });
                    // stage next animation
                    setTimeout(go, opts.timeout);					
                });
            }
        });
    };
	
    $.fn.twitterSearch.filter = function(tweet) {
        return true;
    };

    $.fn.twitterSearch.formatter = function(json, opts) {
        var t = json.text;
        if (opts.anchors) {
            t = json.text.replace(/(http:\/\/\S+)/g, '<a href="$1">$1</a>');
            t = t.replace(/\@(\w+)/g, '<a href="http://twitter.com/$1">@$1</a>');
        }
        var s = '<div class="twitterSearchTweet">';
        if (opts.avatar)
            s += '<img class="twitterSearchProfileImg" src="' + json.profile_image_url + '" />';
        s += '<div><span class="twitterSearchUser"><a href="http://www.twitter.com/'+ json.from_user+'/status/'+ json.id +'">' 
        + json.from_user + '</a></span>';
        var d = prettyDate(json.created_at);
        if (opts.time && d)
            s += ' <span class="twitterSearchTime">('+ d +')</span>'
        s += '<div class="twitterSearchText">' + t + '</div></div></div>';
        return s;
    };
	
    $.fn.twitterSearch.defaults = {
        url: 'http://search.twitter.com/search.json?callback=?&q=',
        anchors: true,				// true or false (enable embedded links in tweets)
        animOutSpeed: 500,			// speed of animation for top tweet when removed
        animInSpeed: 500,			// speed of scroll animation for moving tweets up
        animOut: {
            opacity: 0
        },	// animation of top tweet when it is removed
        applyStyles: true,			// true or false (apply default css styling or not)
        avatar: false,				// true or false (show or hide twitter profile images)
        bird: false,					// true or false (show or hide twitter bird image)
        birdLink: false,			// url that twitter bird image should like to
        birdSrc: 'http://cloud.github.com/downloads/malsup/twitter/tweet.gif', // twitter bird image
        colorExterior: null,        // css override of frame border-color and title background-color
        colorInterior: null,        // css override of container background-color
        filter: null,               // callback fn to filter tweets:  fn(tweetJson) { /* return false to skip tweet */ }
        formatter: null,			// callback fn to build tweet markup
        pause: false,				// true or false (pause on hover)
        term: '',					// twitter search term
        time: true,					// true or false (show or hide the time that the tweet was sent)
        timeout: 4000,				// delay betweet tweet scroll
        title: null,				// title text to display when frame option is true (default = 'term' text)
        titleLink: null,			// url for title link
        css: {
            // default styling
            a:     {
                textDecoration: 'none', 
                color: '#FFF',
                fontSize:'11px'
            },
            container: {
                overflow: 'hidden', 
                background: 'none', 
                height: '100%'
            },
            fail:  {
                background: '#6cc5c3 url(http://cloud.github.com/downloads/malsup/twitter/failwhale.png) no-repeat 50% 50%', 
                height: '100%', 
                padding: '10px'
            },
            frame: {
                border: '0px solid #C2CFF1', 
                background:'none'
            },
            tweet: {
                padding: '5px 10px', 
                clear: 'left', 
                background:'none'
            },
            img:   {
                'float': 'left', 
                margin: '5px', 
                width: '48px', 
                height: '48px'
            },
            loading: {
                padding: '20px', 
                textAlign: 'center', 
                color: '#888'
            },
            text:  {
                fontSize:'11px', 
                paddingBottom: '6px',
                borderBottom: '1px dotted #FFF'
            },
            time:  {
                fontSize: '10px', 
                color: '#FFF'
            },
            title: {
                display: 'none'
            },
            titleLink: {
                textDecoration: 'none', 
                color: '#FFF'
            },
            user:  {
                fontWeight: 'bold'
            }
        }
    };

    // fn to handle jsonp with timeouts and errors
    // hat tip to Ricardo Tomasi for the timeout logic
    $.getJSONP = function(s) {
        s.dataType = 'jsonp';
        $.ajax(s);

        // figure out what the callback fn is
        var $script = $(document.getElementsByTagName('head')[0].firstChild);
        var url = $script.attr('src') || '';
        var cb = (url.match(/callback=(\w+)/)||[])[1];
        if (!cb)
            return; // bail
        var t = 0, cbFn = window[cb];

        $script[0].onerror = function(e) {
            $script.remove();
            handleError(s, {}, "error", e);
            clearTimeout(t);
        };

        if (!s.timeout)
            return;

        window[cb] = function(json) {
            clearTimeout(t);
            cbFn(json);
            cbFn = null;
        };

        t = setTimeout(function() {
            $script.remove();
            handleError(s, {}, "timeout");
            if (cbFn)
                window[cb] = function(){};
        }, s.timeout);
        
        function handleError(s, o, msg, e) {
            // support jquery versions before and after 1.4.3
            ($.ajax.handleError || $.handleError)(s, o, msg, e);
        }
    };
	
    /*
	 * JavaScript Pretty Date
	 * Copyright (c) 2008 John Resig (jquery.com)
	 * Licensed under the MIT license.
	 */
    // converts ISO time to casual time
    function prettyDate(time){
        var date = new Date((time || "").replace(/-/g,"/").replace(/TZ/g," ")),
        diff = (((new Date()).getTime() - date.getTime()) / 1000),
        day_diff = Math.floor(diff / 86400);
				
        if ( isNaN(day_diff) || day_diff < 0 || day_diff >= 31 )
            return;
        var v = day_diff == 0 && (
            diff < 60 && "agora" ||
            diff < 120 && "1 minuto atr&aacute;s" ||
            diff < 3600 && Math.floor( diff / 60 ) + " minutos atr&aacute;s" ||
            diff < 7200 && "1 horas atr&aacute;s" ||
            diff < 86400 && Math.floor( diff / 3600 ) + " horas atr&aacute;s") ||
        day_diff == 1 && "Ontem" ||
        day_diff < 7 && day_diff + " dias atr&aacute;s" ||
        day_diff < 31 && Math.ceil( day_diff / 7 ) + " semanas atr&aacute;s";
        if (!v)
            window.console && console.log(time);
        return v ? v : '';
    }

})(jQuery);