(function(){

	var $3N = {
		elem          : 'twitter-and-youtube-comments',
		twitter_query : "from:RefugeeDayLive OR @RefugeeDayLive OR #wrd09",
		video_ids     : [],
		refresh_rate  : 10000,
		paused        : false
	};
	
	var refresh_grid = function(){
		if (!$3N.paused) $3N.microApp.to_html('sorted');
	};

	window.addEvent('domready', function(){
		$3N.microApp = new MicroApp($3N.elem, [
			[ /*new YouTubeComments({
					video_id : $pick(params()['video_id'], "hUxY2Tz6spE"),
					view_options: {
						new_html: '',
						show_tip: false,
						act_like_link: false					
					}
				}),*/
			  new Twitter({
					json_opts  : { data: { q: $3N.twitter_query } },
					view_options: {
						new_html: '',
						show_tip: false,
						act_like_link: false
					},
					gen_html: function(json_item){
						var text  = new Element('div', { 'html': json_item.text.make_urls_links().link_replies().link_hashcodes(), 'class': 'text' });
						var icon  = new Element('img', { 'src': json_item.profile_image_url }); 
						var title = new Element('a',   { 'class': 'title', 'html': json_item.from_user, 'href': "http://www.twitter.com/" + json_item.from_user });
						var date  = new Element('a',   { 'class': 'time_ago', 'html': Date.parse(json_item.created_at).timeDiffInWords(), 'href': "http://www.twitter.com/" + json_item.from_user + "/status/" + json_item.id});
					
						return new Element('div').adopt([ icon,title,text,date ]);
					}
				}) 
			]]
		).addEvent('modelInit', function(m){
			m.data_ready = false;
		});	
		
		refresh_grid();
		refresh_grid.periodical($3N.refresh_rate);
		
		$($3N.elem).addEvent('mouseenter', function(){ $3N.paused = true;  })
						   .addEvent('mouseleave', function(){ $3N.paused = false; });
		
	});

})();