/*!
 * 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;
			//url = opts.url + opts.term;
			var url=opts.url.replace(/{username}/g,opts.username).replace(/{userlist}/g,opts.userlist).replace(/{numMSG}/g,opts.numMessages);//New Option

			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']);

			if (opts.bird) {
				var $b = $('<img class="twitterSearchBird" src="'+opts.birdSrc+'" />').appendTo($title).css(opts.css['bird']);
				if (opts.birdLink)
				$b.wrap('<a href="'+ opts.birdLink +'"></a>');
			}
			
			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">Loading tweets..</div>').css(opts.css['loading']).appendTo($cont);

			var $tweets_received;
			$cont.empty();

			// 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;
					}
					
					// iterate twitter results
					$.each(json, 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('.twitterSearchName').css(opts.css['name']);
						$tweet.find('.twitterSearchTime').css(opts.css['time']);
						$tweet.find('a').css(opts.css['a']);
						$tweet.appendTo($cont);
						var $text = $tweet.find('.twitterSearchText').css(opts.css['text']);
						if (opts.avatar) {
							var w = $img.outerWidth() + parseInt($tweet.css('paddingLeft'));
							$text.css('paddingLeft', w);
						}
					});

					$tweets_received = json.length;

					if ($tweets_received < 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.remove();
						//$el.css(opts.css['tweet']).show().appendTo($cont);
					});
					// stage next animation
					var $current_$tweets = $cont[0].childNodes.length;
					
					if($current_$tweets>5){
						setTimeout(go, opts.timeout);
					}else{
						// 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;
								}

								// iterate twitter results
								$.each(json, 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('.twitterSearchName').css(opts.css['name']);
									$tweet.find('.twitterSearchTime').css(opts.css['time']);
									$tweet.find('a').css(opts.css['a']);
									$tweet.appendTo($cont);
									var $text = $tweet.find('.twitterSearchText').css(opts.css['text']);
									if (opts.avatar) {
										var w = $img.outerWidth() + parseInt($tweet.css('paddingLeft'));
										$text.css('paddingLeft', w);
									}
								});

								$tweets_received = json.length;

								if ($tweets_received < 2)
									return;
								
								go();
							}
						});
					}
				});
			}
		});
	};
	
	$.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.user.profile_image_url + '" />';

		s += '<div><span class="twitterSearchName">'+ json.user.name+'</span>';

		s += ' (<span class="twitterSearchUser"><a href="http://www.twitter.com/'+ json.user.screen_name+'">'
		  + json.user.screen_name + '</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://api.twitter.com/1/{username}/lists/{userlist}/statuses.json?per_page={numMSG}&callback=?',
		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: true,				// true or false (show or hide twitter profile images)
		bird: true,					// 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)
		username: '',					// twitter Username -> New Option
		userlist: '',					// twitter Userlist -> New Option
		numMessages: 20,					// twitter Number of messages per call -> New Option
		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: '#3B3F97' },
			bird:  { width: '50px', height: '20px', position: 'absolute', left: '-30px', top: '-20px', border: 'none' },
			container: { overflow: 'hidden', backgroundColor: '#eee', 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: '10px solid #C2CFF1', borderRadius: '10px', '-moz-border-radius': '10px', '-webkit-border-radius': '10px' },
			tweet: { padding: '5px 10px', clear: 'left' },
			img:   { 'float': 'left', margin: '5px', width: '48px', height: '48px' },
			loading: { padding: '20px', textAlign: 'center', color: '#888' },
			text:  {},
			time:  { fontSize: 'smaller', color: '#888' },
			title: { backgroundColor: '#C2CFF1', margin: 0, padding: '0 0 5px 0', textAlign: 'center', fontWeight: 'bold', fontSize: 'large', position: 'relative' },
			titleLink: { textDecoration: 'none', color: '#3B5998' },
			user:  { fontWeight: 'bold' },
			name:  { 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 && "just now" ||
															 diff < 120 && "1 minute ago" ||
															 diff < 3600 && Math.floor( diff / 60 ) + " minutes ago" ||
															 diff < 7200 && "1 hour ago" ||
															 diff < 86400 && Math.floor( diff / 3600 ) + " hours ago")
													|| day_diff == 1 && "Yesterday"
													|| day_diff < 7 && day_diff + " days ago"
													|| day_diff < 31 && Math.ceil( day_diff / 7 ) + " weeks ago";
		if (!v)
			window.console && console.log(time);
		
		return v ? v : '';
	}

})(jQuery);