/* · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·  
  ·                                                                             ·
  ·                                                                             ·
  ·                             Q V I T T E R                                   ·
  ·                                                                             ·
  ·              http://github.com/hannesmannerheim/qvitter                     ·
  ·                                                                             ·
  ·                                                                             ·
  ·                                 <o)                                         ·
  ·                                  /_////                                     ·
  ·                                 (____/                                      ·
  ·                                          (o<                                ·
  ·                                   o> \\\\_\                                 ·
  ·                                 \\)   \____)                                ·
  ·                                                                             ·
  ·                                                                             ·    
  ·                                                                             ·
  ·  Qvitter is free  software:  you can  redistribute it  and / or  modify it  ·
  ·  under the  terms of the GNU Affero General Public License as published by  ·
  ·  the Free Software Foundation,  either version three of the License or (at  ·
  ·  your option) any later version.                                            ·
  ·                                                                             ·
  ·  Qvitter is distributed  in hope that  it will be  useful but  WITHOUT ANY  ·
  ·  WARRANTY;  without even the implied warranty of MERCHANTABILTY or FITNESS  ·
  ·  FOR A PARTICULAR PURPOSE.  See the  GNU Affero General Public License for  ·
  ·  more details.                                                              ·
  ·                                                                             ·
  ·  You should have received a copy of the  GNU Affero General Public License  ·
  ·  along with Qvitter. If not, see <http://www.gnu.org/licenses/>.            ·
  ·                                                                             ·
  ·  Contact h@nnesmannerhe.im if you have any questions.                       ·
  ·                                                                             · 
  · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · */


/* ·  
   · 
   ·   Main stream item builder function
   ·
   ·   Not used yet, I was only thinking that the addToFeed()-function
   ·   hidden far down in this file should be restructured into something
   ·   in this direction.
   · 
   ·   @param streamItemObj: object with all necessary data to build stream 
   ·
   ·   @return the html of the stream item
   · 
   · · · · · · · · · */

function buildStreamItem(streamItemObj) {
	
	// make a jquery base element
	var streamItemContainer = $('<div>').append('<div class="stream-item"></div>');
	var streamItem = streamItemContainer.children('.stream-item');	
	
	// give it an id
	streamItem.attr('id',streamItemObj.id);

	// give it classes
	$.each(streamItemObj.classes, function(k,o){
		streamItem.addClass(o);
		});
		
	return streamItemContainer.html();	
	}
	



/* ·  
   · 
   ·   Show favs or requeets in queet element
   · 
   ·   @param q: queet jQuery object
   ·   @param users: object with users that has faved or requeeted 
   ·   @param type: fav or requeet
   · 
   · · · · · · · · · */
   	
function showFavsOrRequeetsInQueet(q,users,type) {

	// label maybe plural				
	if(users.length == 1) {
		if(type=='favs') { var label = window.sL.favoriteNoun;	}
		else if(type=='requeets') { var label = window.sL.requeetNoun;	}
		}
	else if(users.length > 1) {
		if(type=='favs') { var label = window.sL.favoritesNoun;	}
		else if(type=='requeets') { var label = window.sL.requeetsNoun;	}
		}
	
	var html = '<li class="x-count"><a><strong>' + users.length + '</strong> ' + label + ' </a></li>';

	// add fav and rq-container if it doesn't exist
	if(!q.find('ul.stats').length > 0) {
		q.find('.queet-stats-container').prepend('<ul class="stats"><li class="avatar-row"></li></ul>');					
		}
	
	// requeets always first				
	if(type=='favs') {
		q.find('li.avatar-row').before(html.replace('x-count','fav-count'));						
		}
	else if(type=='requeets') {
		q.find('ul.stats').prepend(html.replace('x-count','rq-count'));						
		}
	
	// show max seven avatars
	var avatarnum = q.find('.avatar').length;
	if(avatarnum < 7) {
		$.each(users,function(){
			
			// api return little different objects for fav and rq
			var userObj = new Object();
			if(type=='favs') {
				userObj = this;
				}
			else if(type=='requeets') {
				userObj.fullname = this.user.name;
				userObj.user_id = this.user.id;				
				userObj.profileurl = this.user.statusnet_profile_url;								
				userObj.avatarurl = this.user.profile_image_url;
				}
			
			// no dupes
			if(q.children('.queet').find('#av-' + userObj.user_id).length==0) {
				q.find('.avatar-row').append('<a title="' + userObj.fullname + '" data-user-id="' + userObj.user_id + '" href="' + userObj.profileurl + '"><img alt="' + userObj.fullname + '" src="' + userObj.avatarurl + '" class="avatar size24" id="av-' + userObj.user_id + '"></a>');
				avatarnum++;							
				}
			return (avatarnum < 8);					
			});
		}	
	}
	
	
	
/* ·  
   · 
   ·   Adds a profile card before feed element, with data from the first object in the included object 
   · 
   ·   @param data: an object with one or more queet objects
   · 
   · · · · · · · · · */
   	
function profileCardFromFirstObject(data,screen_name) {
	
	var first = new Object();
	for (var i in data) {
	    if (data.hasOwnProperty(i) && typeof(i) !== 'function') {
	        first = data[i];
	        break;
		    }
		}
	
	if(typeof first.user != 'undefined') {

		// we don't want to print 'null'
		first.user.name = first.user.name || '';
		first.user.profile_image_url = first.user.profile_image_url || '';
		first.user.profile_image_url_profile_size = first.user.profile_image_url_profile_size || '';
		first.user.profile_image_url_original = first.user.profile_image_url_original || '';						
		first.user.screen_name = first.user.screen_name || '';						
		first.user.description = first.user.description || '';
		first.user.location = first.user.location || '';
		first.user.url = first.user.url || '';
		first.user.statusnet_profile_url = first.user.statusnet_profile_url || '';
		first.user.statuses_count = first.user.statuses_count || 0;
		first.user.followers_count = first.user.followers_count || 0;
		first.user.friends_count = first.user.friends_count || 0;
		
		// show user actions if logged in
		var followingClass = '';
		if(first.user.following) {
			followingClass = 'following';
			}	
		var followButton = '';				
		if(typeof window.loginUsername != 'undefined' && window.myUserID != first.user.id) {			
			var followButton = '<div class="user-actions"><button data-follow-user-id="' + first.user.id + '" data-follow-user="' + first.user.statusnet_profile_url + '" type="button" class="follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window.sL.userFollow + '</span><span class="button-text following-text">' + window.sL.userFollowing + '</span><span class="button-text unfollow-text">' + window.sL.userUnfollow + '</span></button></div>';	
			}		
		
		$('#feed').before('<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + first.user.profile_image_url_original + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture" href="' + first.user.profile_image_url_original + '"><img src="' + first.user.profile_image_url_profile_size + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + first.user.name + '<span></span></h1><h2 class="username"><span class="screen-name">@' + first.user.screen_name + '</span><span class="follow-status"></span></h2><div class="bio-container"><p>' + first.user.description + '</p></div><p class="location-and-url"><span class="location">' + first.user.location + '</span><span class="divider"> · </span><span class="url"><a href="' + first.user.url + '">' + first.user.url.replace('http://','').replace('https://','') + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a class="tweet-stats"><strong>' + first.user.statuses_count + '</strong>' + window.sL.notices + '</a></li><li><a class="following-stats"><strong>' + first.user.friends_count + '</strong>' + window.sL.following + '</a></li><li><a class="follower-stats"><strong>' + first.user.followers_count + '</strong>' + window.sL.followers + '</a></li><li><a class="groups-stats"><strong>' + first.user.groups_count + '</strong>' + window.sL.groups + '</a></li></ul>' + followButton + '<div class="clearfix"></div></div></div>');		
		}
	
	// if user hasn't queeted or if we're not allowed to read their queets
	else {
		getFromAPI('users/show/' + screen_name + '.json', function(data){ if(data){
			data.name = data.name || '';
			data.profile_image_url = data.profile_image_url || '';
			data.profile_image_url_profile_size = data.profile_image_url_profile_size || '';
			data.profile_image_url_original = data.profile_image_url_original || '';						
			data.screen_name = data.screen_name || '';						
			data.description = data.description || '';
			data.location = data.location || '';
			data.url = data.url || '';
			data.statusnet_profile_url = data.statusnet_profile_url || '';
			data.statuses_count = data.statuses_count || 0;
			data.followers_count = data.followers_count || 0;
			data.groups_count = data.groups_count || 0;			
			data.friends_count = data.friends_count || 0;
			
			// show user actions if logged in
			var followingClass = '';
			if(data.following) {
				followingClass = 'following';
				}			
			var followButton = '';
			if(typeof window.loginUsername != 'undefined' && window.myUserID != data.id) {			
				var followButton = '<div class="user-actions"><button data-follow-user-id="' + data.id + '" data-follow-user="' + data.statusnet_profile_url + '" type="button" class="follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window.sL.userFollow + '</span><span class="button-text following-text">' + window.sL.userFollowing + '</span><span class="button-text unfollow-text">' + window.sL.userUnfollow + '</span></button></div>';	
				}
			
			$('#feed').before('<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + data.profile_image_url_original + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture" href="' + data.profile_image_url_original + '"><img src="' + data.profile_image_url_profile_size + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + data.name + '<span></span></h1><h2 class="username"><span class="screen-name">@' + data.screen_name + '</span><span class="follow-status"></span></h2><div class="bio-container"><p>' + data.description + '</p></div><p class="location-and-url"><span class="location">' + data.location + '</span><span class="divider"> · </span><span class="url"><a href="' + data.url + '">' + data.url.replace('http://','').replace('https://','') + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a class="tweet-stats"><strong>' + data.statuses_count + '</strong>' + window.sL.notices + '</a></li><li><a class="following-stats"><strong>' + data.friends_count + '</strong>' + window.sL.following + '</a></li><li><a class="follower-stats"><strong>' + data.followers_count + '</strong>' + window.sL.followers + '</a></li><li><a class="groups-stats"><strong>' + data.groups_count + '</strong>' + window.sL.groups + '</a></li></ul>' + followButton + '<div class="clearfix"></div></div></div>');		
			}});		
		}		
	}
	
	
	
	
/* ·  
   · 
   ·   Adds a group profile card before feed element
   · 
   ·   @param data: an object with one or more queet objects
   · 
   · · · · · · · · · */
   	
function groupProfileCard(groupAlias) {	
	getFromAPI('statusnet/groups/show/' + groupAlias + '.json', function(data){ if(data){
		
		data.nickname = data.nickname || '';
		data.fullname = data.fullname || '';
		data.stream_logo = data.stream_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-stream.png';
		data.homepage_logo = data.homepage_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-profile.png';
		data.original_logo = data.original_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-profile.png';						
		data.description = data.description || '';
		data.homepage = data.homepage || '';
		data.url = data.url || '';
		data.member_count = data.member_count || 0;
		data.admin_count = data.admin_count || 0;		
		
		// show user actions if logged in
		var memberClass = '';
		if(data.member) {
			memberClass = 'member';
			}			
		var memberButton = '';
		if(typeof window.loginUsername != 'undefined') {			
			var memberButton = '<div class="user-actions"><button data-group-id="' + data.id + '" type="button" class="member-button ' + memberClass + '"><span class="button-text join-text"><i class="join"></i>' + window.sL.joinGroup + '</span><span class="button-text ismember-text">' + window.sL.isMemberOfGroup + '</span><span class="button-text leave-text">' + window.sL.leaveGroup + '</span></button></div>';	
			}
		
		// add card to DOM
		$('#feed').before('<div class="profile-card"><div class="profile-header-inner" style="background-image:url(' + data.original_logo + ')"><div class="profile-header-inner-overlay"></div><a class="profile-picture" href="' + data.original_logo + '"><img src="' + data.homepage_logo + '" /></a><div class="profile-card-inner"><h1 class="fullname">' + data.fullname + '<span></span></h1><h2 class="username"><span class="screen-name">!' + data.nickname + '</span></span></h2><div class="bio-container"><p>' + data.description + '</p></div><p class="location-and-url"></span><span class="url"><a href="' + data.homepage + '">' + data.homepage.replace('http://','').replace('https://','') + '</a></span></p></div></div><div class="profile-banner-footer"><ul class="stats"><li><a class="member-stats"><strong>' + data.member_count + '</strong>' + window.sL.memberCount + '</a></li><li><a class="admin-stats"><strong>' + data.admin_count + '</strong>' + window.sL.adminCount + '</a></li></ul>' + memberButton + '<div class="clearfix"></div></div></div>');		
		}});		
	}	
	
	
	
/* ·  
   · 
   ·   Change stream
   · 
   ·   @param stream: part of the url to the api (everything after api base url)
   ·   @param actionOnSuccess: callback function on success
   · 
   · · · · · · · · · */
    
function setNewCurrentStream(stream,actionOnSuccess,setLocation) { 
		
	// don't do anything if this stream is already the current
	if(window.currentStream == stream) {
		return;
		}

	// set location bar from stream
	if(setLocation && window.useHistoryPushState) {
		setUrlFromStream(stream);
		}

	// halt interval that checks for new queets
	window.clearInterval(checkForNewQueetsInterval);
		
	display_spinner();
	$(window).scrollTop(0);	
	$('#feed-body').removeAttr('data-search-page-number'); // null any searches
	
	// remember the most recent stream selection in global var
	window.currentStream = stream;	
	
	// if this is a @user stream, i.e. user's queets, user's followers, user's following, we set _queets_ as the default stream in the menu
	if(stream.substring(0,36) == 'statuses/followers.json?screen_name='
	|| stream.substring(0,34) == 'statuses/friends.json?screen_name='
	|| stream.substring(0,39) == 'statusnet/groups/list.json?screen_name='	
	|| stream.substring(0,43) == 'statuses/friends_timeline.json?screen_name='
	|| stream.substring(0,27) == 'favorites.json?screen_name='	
	|| stream.substring(0,35) == 'statuses/mentions.json?screen_name='	
	|| stream.substring(0,27) == 'statuses/user_timeline.json')	{
		var defaultStreamName = 'statuses/user_timeline' + stream.substring(stream.indexOf('.json'));
		var streamHeader = '@' + stream.substring(stream.indexOf('=')+1);
		}
	// if this is a my user streams, i.e. my followers, my following
	else if(stream == 'statuses/followers.json'
	|| stream == 'statuses/friends.json'
	|| stream == 'statusnet/groups/list.json')	{
		var defaultStreamName = stream;
		var streamHeader = '@' + window.loginUsername;
		}		
	// if this is one of the default streams, get header from DOM
	else if(stream == 'statuses/friends_timeline.json'
	|| stream == 'statuses/mentions.json'
	|| stream == 'favorites.json'	
	|| stream == 'statuses/public_timeline.json')	{
		var defaultStreamName = stream;
		var streamHeader = $('.stream-selection[data-stream-name="' + stream + '"]').attr('data-stream-header');
		}	
		
	// if this is a !group stream
	else if(stream.substring(0,26) == 'statusnet/groups/timeline/')	{
		var defaultStreamName = stream;
		var streamHeader = '!' + stream.substring(stream.indexOf('/timeline/')+10,stream.indexOf('.json'));
		}		
	// if this is a #tag stream
	else if(stream.substring(0,24) == 'statusnet/tags/timeline/')	{
		var defaultStreamName = stream;
		var streamHeader = '#' + stream.substring(stream.indexOf('/timeline/')+10,stream.indexOf('.json'));
		}			
	// if this is a search stream
	else if(stream.substring(0,11) == 'search.json')	{
		var defaultStreamName = stream;
		var streamHeader = window.sL.searchVerb + ': ' + decodeURIComponent(stream.substring(stream.indexOf('?q=')+3));
		}
	
	// set the h2 header in the feed
	if(stream.substring(0,23) == 'statuses/followers.json') {
		var h2FeedHeader = window.sL.followers;		
		}
	else if(stream.substring(0,21) == 'statuses/friends.json') {
		var h2FeedHeader = window.sL.following;		
		}	
	else if(stream.substring(0,40) == 'statuses/user_timeline.json?screen_name=') {
		var h2FeedHeader = window.sL.notices + '<div class="queet-streams">/ <a class="queet-stream mentions">' + window.sL.mentions + '</a> / <a class="queet-stream favorites">' + window.sL.favoritesNoun +'</a></div>';		
		}	
	else if(stream.substring(0,35) == 'statuses/mentions.json?screen_name=') {
		var h2FeedHeader = '<div class="queet-streams"><a class="queet-stream queets">' + window.sL.notices + '</a> /</div>' + window.sL.mentions + '<div class="queet-streams">/ <a class="queet-stream favorites">' + window.sL.favoritesNoun + '</a></div>';		
		}	
	else if(stream.substring(0,27) == 'favorites.json?screen_name=') {
		var h2FeedHeader = '<div class="queet-streams"><a class="queet-stream queets">' + window.sL.notices + '</a> / <a class="queet-stream mentions">' + window.sL.mentions + '</a> /</div>' + window.sL.favoritesNoun;		
		}					
	else if(stream.substring(0,26) == 'statusnet/groups/list.json') {
		var h2FeedHeader = window.sL.groups;		
		}			
	else if(stream.substring(0,43) == 'statuses/friends_timeline.json?screen_name=') {
		var h2FeedHeader = '<span style="unicode-bidi:bidi-override;direction:ltr;">' + streamHeader + '/all</span>'; // ugly rtl fix, sry, we should have translations for this stream header		
		}			
	else {
		var h2FeedHeader = streamHeader;		
		}									
	
	// fade out
	$('#feed,.profile-card').animate({opacity:'0'},150,function(){
		// when fade out finishes, remove any profile cards
		$('.profile-card').remove(); 
		$('#feed-header-inner h2').html(h2FeedHeader);
		});	
	
	// add this stream to history menu if it doesn't exist there (but not if this is me or if we're not logged in)
	if($('.stream-selection[data-stream-header="' + streamHeader + '"]').length==0
	&& streamHeader != '@' + window.loginUsername
	&& typeof window.loginUsername != 'undefined') { 			
		$('#history-container').append('<div class="stream-selection" data-stream-header="' + streamHeader + '" data-stream-name="' + defaultStreamName + '">' + streamHeader + '<i class="close-right"></i><i class="chev-right"></i></div>');
		updateHistoryLocalStorage();
		}
	
	// mark this stream as current in menu	
	$('.stream-selection').removeClass('current');
	$('.stream-selection[data-stream-header="' + streamHeader + '"]').addClass('current');
	
	// if this is user's user feed, i.e. followers etc, we want a profile card, which we need to get from user_timeline since the users/show api action is broken (auth doesn't work) 
	if(stream.substring(0,23) == 'statuses/followers.json'
	|| stream.substring(0,21) == 'statuses/friends.json'
	|| stream.substring(0,26) == 'statusnet/groups/list.json'	
	|| stream.substring(0,35) == 'statuses/mentions.json?screen_name='
	|| stream.substring(0,27) == 'favorites.json?screen_name='			
	|| stream.substring(0,43) == 'statuses/friends_timeline.json?screen_name=')	{
		getFromAPI(defaultStreamName + '&count=1', function(profile_data){			
			if(profile_data) {
				getFromAPI(stream, function(user_data){
					if(user_data) {
						// while waiting for this data user might have changed stream, so only proceed if current stream still is this one
						if(window.currentStream == stream) {
							profileCardFromFirstObject(profile_data,window.loginUsername); // show profile card
							checkForNewQueetsInterval=window.setInterval(function(){checkForNewQueets()},window.timeBetweenPolling); // start interval again
							remove_spinner();				
							$('#feed-body').html(''); // empty feed only now so the scrollers don't flicker on and off
							addToFeed(user_data, false,'visible'); // add stream items to feed element
							$('#feed').animate({opacity:'1'},150); // fade in
							$('body').removeClass('loading-older');$('body').removeClass('loading-newer');
							actionOnSuccess(); // return
							}
						}
					});
				}
			});
		}

	// if this is a queet stream
	else {
		getFromAPI(stream, function(queet_data){ 
			if(queet_data) {
				// while waiting for this data user might have changed stream, so only proceed if current stream still is this one
				if(window.currentStream == stream) {
	
					// show profile card if this is a user's queet stream
					if(stream.substring(0,27) == 'statuses/user_timeline.json')	{
						var thisUsersScreenName = stream.replace('statuses/user_timeline.json','').replace('?screen_name=','').replace('?id=','').replace('?user_id=','');
						profileCardFromFirstObject(queet_data,thisUsersScreenName);
						}
					// show group profile card if this is a group stream
					else if(stream.substring(0,26) == 'statusnet/groups/timeline/')	{
						var thisGroupAlias = stream.replace('statusnet/groups/timeline/','').replace('.json','');
						groupProfileCard(thisGroupAlias);
						}						
	
					checkForNewQueetsInterval=window.setInterval(function(){checkForNewQueets()},window.timeBetweenPolling);	// start interval again
					remove_spinner();				
					$('#feed-body').html(''); // empty feed only now so the scrollers don't flicker on and off
					addToFeed(queet_data, false,'visible'); // add stream items to feed element
					$('#feed').animate({opacity:'1'},150); // fade in
					$('body').removeClass('loading-older');$('body').removeClass('loading-newer');
					actionOnSuccess(); // return				
					}
				}
			});		
		}	
	}


/* ·  
   · 
   ·   Sets the location bar in the browser to correspond with given stream
   · 
   ·   @param stream: the stream, e.g. 'public_timeline.json'
   · 
   · · · · · · · · · */

function setUrlFromStream(stream) {

	if(stream.substring(0,36) == 'statuses/followers.json?screen_name=') {
		var screenName = stream.substring(stream.indexOf('=')+1);
		history.pushState({strm:stream},'','/' + screenName + '/subscribers');
		}
	else if(stream.substring(0,34) == 'statuses/friends.json?screen_name=') {
		var screenName = stream.substring(stream.indexOf('=')+1);		
		history.pushState({strm:stream},'','/' + screenName + '/subscriptions');
		}
	else if(stream.substring(0,35) == 'statuses/mentions.json?screen_name=') {
		var screenName = stream.substring(stream.indexOf('=')+1);
		history.pushState({strm:stream},'','/' + screenName + '/replies');
		}
	else if(stream.substring(0,27) == 'favorites.json?screen_name=') {
		var screenName = stream.substring(stream.indexOf('=')+1);		
		history.pushState({strm:stream},'','/' + screenName + '/favorites');
		}	
	else if(stream.substring(0,39) == 'statusnet/groups/list.json?screen_name=') {
		var screenName = stream.substring(stream.indexOf('=')+1);		
		history.pushState({strm:stream},'','/' + screenName + '/groups');
		}		
	else if(stream == 'statuses/followers.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/subscribers');
		}
	else if(stream == 'statuses/friends.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/subscriptions');
		}
	else if(stream == 'statuses/mentions.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/replies');
		}
	else if(stream == 'favorites.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/favorites');
		}						
	else if(stream == 'statusnet/groups/list.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/groups');
		}	
	else if (stream.substring(0,27) == 'statuses/user_timeline.json') {
		var screenName = stream.substring(stream.indexOf('=')+1);
		history.pushState({strm:stream},'','/' + screenName);		
		}
	else if(stream == 'statuses/friends_timeline.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/all');
		}
	else if(stream.substring(0,43) == 'statuses/friends_timeline.json?screen_name=') {
		var screenName = stream.substring(stream.indexOf('=')+1);
		history.pushState({strm:stream},'','/' + screenName + '/all');
		}		
	else if (stream == 'statuses/mentions.json') {
		history.pushState({strm:stream},'','/' + window.loginUsername + '/replies');		
		}
	else if(stream == 'statuses/public_timeline.json')	{
		history.pushState({strm:stream},'','/');
		}
	else if(stream.substring(0,26) == 'statusnet/groups/timeline/')	{
		var groupName = stream.substring(stream.indexOf('/timeline/')+10,stream.indexOf('.json'));
		history.pushState({strm:stream},'','/group/' + groupName);
		}		
	else if(stream.substring(0,24) == 'statusnet/tags/timeline/')	{
		var tagName = stream.substring(stream.indexOf('/timeline/')+10,stream.indexOf('.json'));
		history.pushState({strm:stream},'','/tag/' + tagName);
		}			
	else if(stream.substring(0,11) == 'search.json')	{
		var searchTerms = stream.substring(stream.indexOf('?q=')+3);
		history.pushState({strm:stream},'','/search/notice?q=' + searchTerms);
		}	
	}
	
	
	
/* ·  
   · 
   ·   Get stream from location bar
   · 
   ·   @param stream: the stream, e.g. 'public_timeline.json'
   · 
   · · · · · · · · · */	

function getStreamFromUrl() {
	var loc = window.location.href.replace('http://','').replace('https://','').replace(window.siteRootDomain,'');
	
	// default/fallback
	var streamToSet = 'statuses/public_timeline.json';
	
	// {domain}/{screen_name}
	if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','')))) {
		var userToStream = loc.replace('/','');
		if(userToStream.length>0) {
			streamToSet = 'statuses/user_timeline.json?screen_name=' + userToStream;
			}
		}

	// {domain}/{screen_name}/all
	else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/all','')))) {
		var userToStream = loc.replace('/','').replace('/all','');
		if(userToStream.length>0) {
			if(window.loginUsername == userToStream) {
				streamToSet = 'statuses/friends_timeline.json';					
				}
			else {
				streamToSet = 'statuses/friends_timeline.json?screen_name=' + userToStream;				
				}
			}
		}		

	// {domain}/{screen_name}/replies
	else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/replies','')))) {
		var userToStream = loc.replace('/','').replace('/replies','');
		if(userToStream.length>0) {
			if(window.loginUsername == userToStream) {
				streamToSet = 'statuses/mentions.json';					
				}
			else {
				streamToSet = 'statuses/mentions.json?screen_name=' + userToStream;				
				}
			}
		}
		
	// {domain}/{screen_name}/favorites
	else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/favorites','')))) {
		var userToStream = loc.replace('/','').replace('/favorites','');
		if(userToStream.length>0) {
			if(window.loginUsername == userToStream) {
				streamToSet = 'favorites.json';					
				}
			else {
				streamToSet = 'favorites.json?screen_name=' + userToStream;				
				}
			}
		}		
		
	// {domain}/{screen_name}/subscribers
	else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/subscribers','')))) {
		var userToStream = loc.replace('/','').replace('/subscribers','');
		if(userToStream.length>0) {
			if(window.loginUsername == userToStream) {
				streamToSet = 'statuses/followers.json';					
				}
			else {
				streamToSet = 'statuses/followers.json?screen_name=' + userToStream;				
				}
			}
		}	
		
	// {domain}/{screen_name}/subscriptions
	else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/subscriptions','')))) {
		var userToStream = loc.replace('/','').replace('/subscriptions','');
		if(userToStream.length>0) {
			if(window.loginUsername == userToStream) {
				streamToSet = 'statuses/friends.json';					
				}
			else {
				streamToSet = 'statuses/friends.json?screen_name=' + userToStream;				
				}
			}
		}	

	// {domain}/{screen_name}/groups
	else if ((/^[a-zA-Z0-9]+$/.test(loc.replace('/','').replace('/groups','')))) {
		var userToStream = loc.replace('/','').replace('/groups','');
		if(userToStream.length>0) {
			if(window.loginUsername == userToStream) {
				streamToSet = 'statusnet/groups/list.json';					
				}
			else {
				streamToSet = 'statusnet/groups/list.json?screen_name=' + userToStream;				
				}
			}
		}										

	// {domain}/tag/{tag}
	else if (loc.indexOf('/tag/')>-1) {
		var tagToStream = loc.replace('/tag/','');
		if(tagToStream.length>0) {
			streamToSet = 'statusnet/tags/timeline/' + tagToStream + '.json';
			}
		}		

	// {domain}/group/{group}
	else if (loc.indexOf('/group/')>-1) { // we assume we don't get any /group/{id}/id-urls, because we shouldn't
		var groupToStream = loc.replace('/group/','');
		if(groupToStream.length>0) {
			streamToSet = 'statusnet/groups/timeline/' + groupToStream + '.json';
			}
		}	
						
	// {domain}/search/notice?q={urlencoded searh terms}
	else if (loc.indexOf('/search/notice?q=')>-1) {
		var searchToStream = loc.replace('/search/notice?q=','');
		if(userToStream.length>0) {
			streamToSet = 'search.json?q=' + searchToStream;
			}
		}	
	return streamToSet;		
	}
	

/* ·  
   · 
   ·   Expand/de-expand queet
   · 
   ·   @param q: the stream item to expand
   · 
   · · · · · · · · · */
    
function expand_queet(q) {
	
	var qid = q.attr('data-quitter-id');
	
	// de-expand if expanded
	if(q.hasClass('expanded') && !q.hasClass('collapsing')) {
		q.addClass('collapsing');
		q.find('.stream-item-expand').html(window.sL.expand);
		if(q.hasClass('conversation')) {
			q.removeClass('expanded');	         
			q.removeClass('collapsing');				
			q.find('.expanded-content').remove();
			q.find('.view-more-container-top').remove();
			q.find('.view-more-container-bottom').remove();
			q.find('.stream-item.conversation').remove();
			q.find('.inline-reply-queetbox').remove();
			}
		else {
			var collapseTime = 200 + q.find('.stream-item.conversation:not(.hidden-conversation)').length*50;
			q.find('.expanded-content').slideUp(collapseTime,function(){$(this).remove();});
			q.find('.view-more-container-top').slideUp(collapseTime,function(){$(this).remove();});
			q.find('.view-more-container-bottom').slideUp(collapseTime,function(){$(this).remove();});
			q.find('.stream-item.conversation').slideUp(collapseTime,function(){$(this).remove();});
			q.find('.inline-reply-queetbox').slideUp(collapseTime,function(){$(this).remove();});
	   		backToMyScrollPos(q,qid,'animate');
			setTimeout(function(){
				q.removeClass('expanded');
				q.removeClass('collapsing');	  
				},collapseTime+500);	   								
			}
		}
	else {
		
		rememberMyScrollPos(q,qid,-8);
		
		q.addClass('expanded');
		
		// not for acitivity
		if(!q.hasClass('activity')) {
			q.find('.stream-item-expand').html(window.sL.collapse);
				
			// if shortened queet, get full text (not if external)
			if(!q.hasClass('external-conversation')) {
				if(q.children('.queet').find('span.attachment.more').length>0) {
					var attachmentId = q.children('.queet').find('span.attachment.more').attr('data-attachment-id');
					getFromAPI("attachment/" + attachmentId + ".json",function(data){
						if(data) {
							q.children('.queet').find('.queet-text').html($.trim(data.replace(/@<span class="vcard">/gi,'<span class="vcard">').replace(/!<span class="vcard">/gi,'<span class="vcard">').replace(/#<span class="tag">/gi,'<span class="tag">')));
							}
						});					
					}
				}

			// add expanded container
			var longdate = parseTwitterLongDate(q.find('.created-at').attr('data-created-at'));
			var qurl = q.find('.created-at').find('a').attr('href');
			
			var metadata = '<span class="longdate" title="' + longdate + '">' + longdate + ' · </span><a href="' + qurl + '" class="permalink-link">' + window.sL.details + '</a>';
			
			// show expanded content
			q.find('.stream-item-footer').after('<div class="expanded-content"><div class="queet-stats-container"></div><div class="client-and-actions"><span class="metadata">' + metadata + '</span></div></div>');					
	
			// maybe show images
			$.each(q.children('.queet').find('.queet-text').find('a'), function() {
				var attachment_title = $(this).attr('title');
				if(typeof attachment_title != 'undefined') {
					if(attachment_title.substr(attachment_title.length - 5) == '.jpeg' ||
					   attachment_title.substr(attachment_title.length - 4) == '.png' ||
					   attachment_title.substr(attachment_title.length - 4) == '.gif' ||
					   attachment_title.substr(attachment_title.length - 4) == '.jpg') {
						q.children('.queet').find('.expanded-content').prepend('<div class="media"><a href="' + attachment_title + '" target="_blank"><img src="' + attachment_title + '" /></a></div>');
						}
					}
				});
			
			// get favs and rq:s (not if external)
			if(!q.hasClass('external-conversation')) {
				
				// get and show favs
				getFavsOrRequeetsForQueet('favs',qid,function(favs){
					if(favs) {
						if(q.hasClass('expanded') && !q.hasClass('collapsing')) {
							showFavsOrRequeetsInQueet(q,favs,'favs');
							}
						}
					});	

				// get and show requeets
				getFavsOrRequeetsForQueet('retweets',qid,function(requeets){
					if(requeets) {
						if(q.hasClass('expanded') && !q.hasClass('collapsing')) {
							showFavsOrRequeetsInQueet(q,requeets,'requeets');
							}
						}
					});								
				}		
								
			// show conversation and reply form (but not if already in conversation)
			if(!q.hasClass('conversation')) {
				
				// show conversation
				showConversation(qid);	
				
				// show inline reply form
				q.find('#q-' + qid).append(replyFormHtml(q,qid));	
							
				}			
			}
		}
	}	
	
	


/* ·  
   · 
   ·   Get a reply form
   · 
   ·   @param q: the stream item to open reply form in
   ·   @param qid: queet id
   ·   @return the html for the reply form
   ·
   · · · · · · · · · */
    
function replyFormHtml(q,qid) {
	// get all @:s
	var user_screen_name = q.find('.queet').find('.screen-name').html().substring(1);
	var user_screen_name_html = '<a>@' + user_screen_name + '</a>';
	var reply_to_screen_name = '';
	var reply_to_screen_name_html = '';			
	if(q.attr('data-in-reply-to-screen-name').length>0 // not if not a reply
	&& q.attr('data-in-reply-to-screen-name') != $('#user-screen-name').html() // not if it's me
	&& q.attr('data-in-reply-to-screen-name') != user_screen_name // not same screen name twice
		) {
		reply_to_screen_name = q.attr('data-in-reply-to-screen-name');				
		reply_to_screen_name_html = '&nbsp;<a>@' + reply_to_screen_name + '</a>';				
		}
	var more_reply_tos = '';
	$.each(q.find('.queet').find('.queet-text').find('.mention'),function(key,obj){
		if($(obj).html() != user_screen_name && $(obj).html() != reply_to_screen_name && $(obj).html() != $('#user-screen-name').html()) {
			more_reply_tos = more_reply_tos + '&nbsp;<a>@' + $(obj).html() + '</a>';
			}
		});
	
	return '<div class="inline-reply-queetbox"><div contenteditable="true" aria-multiline="true" role="textbox" spellcheck="true" class="queet-box-template" id="queet-box-template-' + qid + '" data-blurred-html=' + escape(window.sL.replyTo + ' ' + user_screen_name_html + reply_to_screen_name_html + more_reply_tos + '&nbsp;<br>') + ' data-start-html="' + escape(user_screen_name_html + reply_to_screen_name_html + more_reply_tos) + '">' + window.sL.replyTo + ' ' + user_screen_name_html + reply_to_screen_name_html + more_reply_tos + '&nbsp;<br></div></div>';	
	}
	

/* · 
   · 
   ·   Popup for replies, deletes, etc
   · 
   ·   @param popupId: popups id
   ·   @param heading: popops header
   ·   @param bodyHtml: popups body html      
   ·   @param footerHtml: popups footer html       
   ·   
   · · · · · · · · · · · · · */ 

function popUpAction(popupId, heading, bodyHtml, footerHtml){
	var allFooterHtml = '';
	if(footerHtml) {
		allFooterHtml = '<div class="modal-footer">' + footerHtml + '</div>';
		}
	$('body').prepend('<div id="' + popupId + '" class="modal-container"><div class="modal-draggable"><div class="modal-content"><button class="modal-close" type="button"><span class="icon"></span></button><div class="modal-header"><h3 class="modal-title">' + heading + '</h3></div><div class="modal-body">' + bodyHtml + '</div>' + allFooterHtml + '</div></div></div>');	
	var this_modal_height = $('#' + popupId).children('.modal-draggable').height();
	var this_modal_width = $('#' + popupId).children('.modal-draggable').width();
	var popupPos = $('#' + popupId).children('.modal-draggable').offset().top - $(window).scrollTop();
	if((popupPos-(this_modal_height/2))<5) {
		var marginTop = 5-popupPos;
		}
	else {
		var marginTop = 0-this_modal_height/2;
		}
	$('#' + popupId).children('.modal-draggable').css('margin-top', marginTop + 'px');
	$('#' + popupId).children('.modal-draggable').css('margin-left', '-' + (this_modal_width/2) + 'px');		
	$('#' + popupId).children('.modal-draggable').draggable({ handle: ".modal-header" });
	$('#' + popupId).children('.modal-header').disableSelection();
	}	
	
	
	
/* · 
   · 
   ·   Expand inline reply form
   · 
   ·   @param box: jQuery object for the queet box that we want to expand
   ·   
   · · · · · · · · · · · · · */ 
   
function expandInlineQueetBox(box) {
	if(!box.hasClass('active')) {
		box.addClass('active');	
		// remove the "reply/svara/etc" before the mentions
		var new_mentions_html = '';
		$.each(box.find('a'),function(key,obj){
			new_mentions_html = new_mentions_html + '<a>' + $(obj).html() + '</a>&nbsp;';
			});
		box.html(new_mentions_html);
		placeCaretAtEnd(document.getElementById(box.attr('id')));
		
		// show toolbar/button
		box.after('<div class="queet-toolbar"><div class="queet-box-extras"></div><div class="queet-button"><span class="queet-counter"></span><button>' + window.sL.queetVerb + '</button></div><div style="clear:both;"></div></div>');

		// count chars
		countCharsInQueetBox(box,box.parent().find('.queet-toolbar .queet-counter'),box.parent().find('.queet-toolbar button'));	
		}		
	}	
	
	
	
/* · 
   · 
   ·  Show conversation
   ·   
   ·  This function has grown into a monster, needs fixing  
   ·
   · · · · · · · · · · · · · */ 	
  
function showConversation(qid) {
	
	display_spinner();
			
	// get conversation	
	getFromAPI('statusnet/conversation/' + $('#stream-item-' + qid).attr('data-conversation-id') + '.json?count=100', function(data){ if(data) { 

		if(data && !$('#stream-item-' + qid).hasClass('collapsing')){		
			// we have local conversation
			if(data.length>1) {
				var before_or_after = 'after';
				$.each(data, function (key,obj) {
					
					// switch to append after original queet
					if(obj.id == qid) {	
						before_or_after = 'before';
						}
					
					// don't add clicked queet to DOM, but all else
					// note: first we add the full conversation, but hidden
					if(obj.id != qid) {
						var queetTime = parseTwitterDate(obj.created_at);															
	
						// we don't want to print 'null', someone might have that username!
						var in_reply_to_screen_name = '';
						if(obj.in_reply_to_screen_name != null) {
							in_reply_to_screen_name = obj.in_reply_to_screen_name;
							}
						
						// requeet or delete html
						var requeetedClass = '';
						if(obj.user.id == window.myUserID) {
							var requeetHtml = '<li class="action-del-container"><a class="with-icn"><span class="icon sm-trash"></span> <b>' + window.sL.deleteVerb + '</b></a></li>';
							}
						else if(obj.repeated) {
							var requeetHtml = '<li class="action-rt-container"><a class="with-icn done"><span class="icon sm-rt"></span> <b>' + window.sL.requeetedVerb + '</b></a></li>';
							requeetedClass = 'requeeted';
							}
						else {
							var requeetHtml = '<li class="action-rt-container"><a class="with-icn"><span class="icon sm-rt"></span> <b>' + window.sL.requeetVerb + '</b></a></li>';
							}
						// favorite html
						var favoritedClass = '';
						if(obj.favorited) {
							var favoriteHtml = '<a class="with-icn done"><span class="icon sm-fav"></span> <b>' + window.sL.favoritedVerb + '</b></a>';
							favoritedClass = 'favorited'; 
							}
						else {
							var favoriteHtml = '<a class="with-icn"><span class="icon sm-fav"></span> <b>' + window.sL.favoriteVerb + '</b></a>';
							}							
							
						if(obj.source == 'activity') {
							var queetHtml = '<div id="conversation-stream-item-' + obj.id + '" class="stream-item conversation activity hidden-conversation" data-quitter-id="' + obj.id + '"  data-quitter-id-in-stream="' + obj.id + '"><div class="queet" id="conversation-q-' + obj.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><small class="created-at" data-created-at="' + obj.created_at + '"><a>' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.statusnet_html) + '</div></div></div></div>';
							}
						else {
							var queetHtml = '<div id="conversation-stream-item-' + obj.id + '" class="stream-item conversation hidden-conversation ' + requeetedClass + ' ' + favoritedClass + '" data-quitter-id="' + obj.id + '" data-conversation-id="' + obj.statusnet_conversation_id + '" data-quitter-id-in-stream="' + obj.id + '" data-in-reply-to-screen-name="' + in_reply_to_screen_name + '" data-in-reply-to-status-id="' + obj.in_reply_to_status_id + '"><div class="queet" id="conversation-q-' + obj.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj.user.statusnet_profile_url + '"><img class="avatar" src="' + obj.user.profile_image_url + '" /><strong class="name" data-user-id="' + obj.user.id + '">' + obj.user.name + '</strong> <span class="screen-name">@' + obj.user.screen_name + '</span></a><small class="created-at" data-created-at="' + obj.created_at + '"><a href="' + obj.uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.statusnet_html) + '</div><div class="stream-item-footer"><ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply"></span> <b>' + window.sL.replyVerb + '</b></a></li>' + requeetHtml + '<li class="action-fav-container">' + favoriteHtml + '</li></ul><span class="stream-item-expand">' + window.sL.expand + '</span></div></div></div></div>';				
							}
						
						// detect rtl
						queetHtml = detectRTL(queetHtml);						
						
						if($('#stream-item-' + qid).hasClass('expanded')) { // add queet to conversation only if still expanded
							if(before_or_after == 'before') {
								$('#stream-item-' + qid).prepend(queetHtml);
								}
							else {
								$('#q-' + qid).after(queetHtml);
								}
								
							}
						}
					remove_spinner();	
					convertAttachmentMoreHref();						
					});
				}
	
			// try to get conversation from external instance
			else if(typeof data[0] != 'undefined') {
				if(data[0].source == 'ostatus') {
					var external_status_url = data[0].uri.replace('notice','api/statuses/show') + '.json';					
					var external_base_url = data[0].uri.substring(0,data[0].uri.indexOf('/notice/'));
					$.ajax({ url: external_status_url, type: "GET", dataType: "jsonp", success: function(data) { // try to get conversation id fro notice
						var external_id = data.id;
						if(typeof data.statusnet_conversation_id == 'undefined') {
							console.log(data);remove_spinner();
							}
						else { // proceed if we got a conversation_id
							$.ajax({ url: external_base_url + '/api/statusnet/conversation/' + data.statusnet_conversation_id + ".json?count=100", type: "GET", dataType: "jsonp", success: function(data) { 				
								var before_or_after = 'after';
								$.each(data, function (key,obj) {
									
									// switch to append after original queet
									if(obj.id == external_id) {	
										before_or_after = 'before';
										$('#stream-item-' + qid).attr('data-in-reply-to-status-id',obj.in_reply_to_status_id);
										}
									else {
										var queetTime = parseTwitterDate(obj.created_at);															
					
										// we don't want to print 'null', someone might have that username!
										var in_reply_to_screen_name = '';
										if(obj.in_reply_to_screen_name != null) {
											in_reply_to_screen_name = obj.in_reply_to_screen_name;
											}
					
											
										if(obj.source == 'activity') {
											var queetHtml = '<div id="conversation-stream-item-' + obj.id + '" class="stream-item conversation activity hidden-conversation external-conversation" data-quitter-id="' + obj.id + '"  data-quitter-id-in-stream="' + obj.id + '"><div class="queet" id="conversation-q-' + obj.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><small class="created-at" data-created-at="' + obj.created_at + '"><a href="' + external_base_url + '/notice/' + obj.id + '">' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.statusnet_html) + '</div></div></div></div>';
											}
										else {
											var queetHtml = '<div id="conversation-stream-item-' + obj.id + '" class="stream-item conversation hidden-conversation external-conversation" data-external-base-url="' + escape(external_base_url) + '" data-quitter-id="' + obj.id + '" data-conversation-id="' + obj.statusnet_conversation_id + '" data-quitter-id-in-stream="' + obj.id + '" data-in-reply-to-screen-name="' + in_reply_to_screen_name + '" data-in-reply-to-status-id="' + obj.in_reply_to_status_id + '"><div class="queet" id="conversation-q-' + obj.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj.user.statusnet_profile_url + '"><img class="avatar" src="' + obj.user.profile_image_url + '" /><strong class="name" data-user-id="' + obj.user.id + '">' + obj.user.name + '</strong> <span class="screen-name">@' + obj.user.screen_name + '</span></a><small class="created-at" data-created-at="' + obj.created_at + '"><a href="' + external_base_url + '/notice/' + obj.id + '">' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.statusnet_html) + '</div><div class="stream-item-footer"><ul class="queet-actions"><li class="action-reply-container">&nbsp;</li></ul><span class="stream-item-expand">' + window.sL.expand + '</span></div></div></div></div>';				
											}
										
										// detect rtl
										queetHtml = detectRTL(queetHtml);						
										
										if($('#stream-item-' + qid).hasClass('expanded')) { // add queet to conversation only if still expanded
											if(before_or_after == 'before') {
												$('#stream-item-' + qid).prepend(queetHtml);
												}
											else {
												$('#q-' + qid).after(queetHtml);
												}		
											}
										}	
									remove_spinner();	
									convertAttachmentMoreHref();
									});							
								findInReplyToStatusAndShow(qid,$('#stream-item-' + qid).attr('data-in-reply-to-status-id'),true,false);
								backToMyScrollPos($('#q-' + qid),qid,false);
								}, error: function(data) { console.log(data);remove_spinner(); }});							
							}
						}, error: function(data) { console.log(data);remove_spinner(); }});							
					}
				// no conversation
				else {
					remove_spinner();
					}
				}
			else {
				remove_spinner();
				}
			
			// loop trough this stream items conversation and show the "strict" line of replies
			findInReplyToStatusAndShow(qid,$('#stream-item-' + qid).attr('data-in-reply-to-status-id'),true,false);
			backToMyScrollPos($('#q-' + qid),qid,false);						
			}
		else {
			remove_spinner();
			}	
		}});	
	}
	


/* · 
   · 
   ·  Recursive walker functions to view onlt reyplies to replies, not full conversation
   ·
   · · · · · · · · · · · · · */ 	
  	
function findInReplyToStatusAndShow(qid,reply,only_first,onlyINreplyto) {
	var reply_found = $('#stream-item-' + qid).find('.stream-item[data-quitter-id="' + reply + '"]');
	var reply_found_reply_to = $('#stream-item-' + qid).find('.stream-item[data-quitter-id="' + reply_found.attr('data-in-reply-to-status-id') + '"]');	
	if(reply_found.length>0) {
		reply_found.removeClass('hidden-conversation');
		reply_found.animate({opacity:'1'},500);
		if(only_first && reply_found_reply_to.length>0) {
			reply_found.before('<div class="view-more-container-top" data-trace-from="' + reply + '"><a>' + window.sL.viewMoreInConvBefore + '</a></div>');			
			findReplyToStatusAndShow(qid,qid,true);
			}
		else {
			findInReplyToStatusAndShow(qid,reply_found.attr('data-in-reply-to-status-id'),false,onlyINreplyto);							
			}
		}
	else if(!onlyINreplyto) {
		findReplyToStatusAndShow(qid,qid,true);
		}
	else {
		checkForHiddenConversationQueets(qid);		
		}		
	}
// recursive function to find the replies to a status
function findReplyToStatusAndShow(qid,this_id,only_first) {
	var reply_found = $('#stream-item-' + qid).find('.stream-item[data-in-reply-to-status-id="' + this_id + '"]');
	var reply_founds_reply = $('#stream-item-' + qid).find('.stream-item[data-in-reply-to-status-id="' + reply_found.attr('data-quitter-id') + '"]');
	if(reply_found.length>0) {
		reply_found.removeClass('hidden-conversation');
		reply_found.animate({opacity:'1'},100,function(){
			if(!only_first) {
				findReplyToStatusAndShow(qid,$(this).attr('data-quitter-id'),false);
				}			
			});
		if(only_first && reply_founds_reply.length>0) {
			reply_found.last().after('<div class="view-more-container-bottom" data-replies-after="' + qid + '"><a>' + window.sL.viewMoreInConvAfter + '</a></div>');			
			}
		}
	checkForHiddenConversationQueets(qid);	
	}

// helper function for the above recursive functions
function checkForHiddenConversationQueets(qid) {
	// here we check if there are any remaining hidden queets in conversation, if there are, we put a "show full conversation"-link
	if($('#stream-item-' + qid).find('.hidden-conversation').length>0) {
		if($('#stream-item-' + qid).children('.queet').find('.show-full-conversation').length == 0) {
			$('#stream-item-' + qid).children('.queet').find('.metadata').append('<span class="show-full-conversation" data-stream-item-id="' + qid + '">' + window.sL.expandFullConversation + '</span>');							
			}
		}
	else {
		$('#stream-item-' + qid).children('.queet').find('.show-full-conversation').remove();
		}		
	}
	
	
/* · 
   · 
   ·   Build stream items and add them to feed
   ·
   ·   Also a function that has grown out of control... Needs total makeover
   ·
   · · · · · · · · · · · · · */ 	
  	
function addToFeed(feed, after, extraClasses) {

	$.each(feed.reverse(), function (key,obj) {
		
		var extraClassesThisRun = extraClasses;			

		// if this is a user feed
		if(window.currentStream.substring(0,21) == 'statuses/friends.json' || window.currentStream.substring(0,18) == 'statuses/followers') {
			obj.description = obj.description || '';

			// show user actions
			var followingClass = '';
			if(obj.following) {
				followingClass = 'following';
				}			
			var followButton = '';
			if(typeof window.loginUsername != 'undefined'  	// if logged in
			   && window.myUserID != obj.id) {	// not if this is me	
				if(!(obj.statusnet_profile_url.indexOf('/twitter.com/')>-1 && obj.following === false)) { // only unfollow twitter users	
					var followButton = '<div class="user-actions"><button data-follow-user-id="' + obj.id + '" data-follow-user="' + obj.statusnet_profile_url + '" type="button" class="follow-button ' + followingClass + '"><span class="button-text follow-text"><i class="follow"></i>' + window.sL.userFollow + '</span><span class="button-text following-text">' + window.sL.userFollowing + '</span><span class="button-text unfollow-text">' + window.sL.userUnfollow + '</span></button></div>';	
					}
				}

			var userHtml = '<div class="stream-item user"><div class="queet">' + followButton + '<div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj.statusnet_profile_url + '"><img class="avatar" src="' + obj.profile_image_url + '" /><strong class="name" data-user-id="' + obj.id + '">' + obj.name + '</strong> <span class="screen-name">@' + obj.screen_name + '</span></a></div><div class="queet-text">' + obj.description + '</div></div></div></div>';
			$('#feed-body').prepend(userHtml);						
			}
			
		// if this is a group feed
		else if(window.currentStream.substring(0,26) == 'statusnet/groups/list.json') {

			obj.description = obj.description || '';
			obj.stream_logo = obj.stream_logo || 'http://quitter.se/theme/quitter-theme2/default-avatar-stream.png';

			// show group actions if logged in
			var memberClass = '';
			if(obj.member) {
				memberClass = 'member';
				}			
			var memberButton = '';
			if(typeof window.loginUsername != 'undefined') {			
				var memberButton = '<div class="user-actions"><button data-group-id="' + obj.id + '" type="button" class="member-button ' + memberClass + '"><span class="button-text join-text"><i class="join"></i>' + window.sL.joinGroup + '</span><span class="button-text ismember-text">' + window.sL.isMemberOfGroup + '</span><span class="button-text leave-text">' + window.sL.leaveGroup + '</span></button></div>';	
				}			

			var groupHtml = '<div class="stream-item user"><div class="queet">' + memberButton + '<div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj.url + '"><img class="avatar" src="' + obj.stream_logo + '" /><strong class="name" data-group-id="' + obj.id + '">' + obj.fullname + '</strong> <span class="screen-name">!' + obj.nickname + '</span></a></div><div class="queet-text">' + obj.description + '</div></div></div></div>';
			$('#feed-body').prepend(groupHtml);						
			}			

		// if this is a retweet
		else if(typeof obj.retweeted_status != 'undefined') {
			
			// retweeted object already exist in feed
			if($('#q-' + obj.retweeted_status.id).length > 0) {			
							
				// only if not already shown and not mine
				if($('#requeet-' + obj.id).length == 0 && obj.user.statusnet_profile_url != $('#user-profile-link').children('a').attr('href')) {
					
					// if not requeeted before 
					if($('#q-' + obj.retweeted_status.id + ' .stream-item-footer').find('.requeet-text').length > 0) {
						// if users rt not already added
						if($('#q-' + obj.retweeted_status.id + ' .stream-item-footer').find('.requeet-text').find('a[data-user-id="' + obj.user.id + '"]').length==0) {
							$('#q-' + obj.retweeted_status.id + ' .stream-item-footer').find('.requeet-text').append(',<a data-user-id="' + obj.user.id + '" href="' + obj.user.statusnet_profile_url + '"> <b>' + obj.user.name + '</b></a>');
							}
						}
					else {
						$('#q-' + obj.retweeted_status.id + ' .stream-item-footer').prepend('<div class="context" id="requeet-' + obj.id + '"><span class="with-icn"><i class="badge-requeeted"></i><span class="requeet-text"> ' + window.sL.requeetedBy + '<a data-user-id="' + obj.user.id + '" href="' + obj.user.statusnet_profile_url + '"> <b>' + obj.user.name + '</b></a></span></span></div>');						
						}
					}
				}
			// retweeted object don't exist in feed
			else {

				// we don't want to print 'null', someone might have that username!
				var in_reply_to_screen_name = '';
				if(obj.retweeted_status.in_reply_to_screen_name != null) {
					in_reply_to_screen_name = obj.retweeted_status.in_reply_to_screen_name;
					}

				// requeet html
				var requeetedClass = '';
				if(obj.retweeted_status.user.id == window.myUserID) {
					var requeetHtml = '<li class="action-del-container"><a class="with-icn"><span class="icon sm-trash"></span> <b>' + window.sL.deleteVerb + '</b></a></li></i>';
					}
				else if(obj.retweeted_status.repeated) {
					var requeetHtml = '<li class="action-rt-container"><a class="with-icn done"><span class="icon sm-rt"></span> <b>' + window.sL.requeetedVerb + '</b></a></i>';
					requeetedClass = 'requeeted';					
					}
				else {
					var requeetHtml = '<li class="action-rt-container"><a class="with-icn"><span class="icon sm-rt"></span> <b>' + window.sL.requeetVerb + '</b></a></i>';
					}
				// favorite html
				var favoritedClass = ''; 
				if(obj.retweeted_status.favorited) {
					var favoriteHtml = '<a class="with-icn done"><span class="icon sm-fav"></span> <b>' + window.sL.favoritedVerb + '</b></a>';
					favoritedClass = 'favorited'; 
					}
				else {
					var favoriteHtml = '<a class="with-icn"><span class="icon sm-fav"></span> <b>' + window.sL.favoriteVerb + '</b></a>';
					}							
					
				// actions only for logged in users
				var queetActions = '';
				var expandHTML = '';
				if(typeof window.loginUsername != 'undefined') {			
					queetActions = '<ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply"></span> <b>' + window.sL.replyVerb + '</b></a></li>' +  requeetHtml + '<li class="action-fav-container">' + favoriteHtml + '</li></ul>';
					expandHTML = '<span class="stream-item-expand">' + window.sL.expand + '</span>';
					}
						
				var queetTime = parseTwitterDate(obj.retweeted_status.created_at);												
				var queetHtml = '<div id="stream-item-' + obj.retweeted_status.id + '" class="stream-item ' + extraClassesThisRun + ' ' + requeetedClass + ' ' + favoritedClass + '" data-quitter-id="' + obj.retweeted_status.id + '" data-conversation-id="' + obj.retweeted_status.statusnet_conversation_id + '" data-quitter-id-in-stream="' + obj.id + '" data-in-reply-to-screen-name="' + in_reply_to_screen_name + '" data-in-reply-to-status-id="' + obj.retweeted_status.in_reply_to_status_id + '"><div class="queet" id="q-' + obj.retweeted_status.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj.retweeted_status.user.statusnet_profile_url + '"><img class="avatar" src="' + obj.retweeted_status.user.profile_image_url + '" /><strong class="name" data-user-id="' + obj.retweeted_status.user.id + '">' + obj.retweeted_status.user.name + '</strong> <span class="screen-name">@' + obj.retweeted_status.user.screen_name + '</span></a><small class="created-at" data-created-at="' + obj.retweeted_status.created_at + '"><a href="' + obj.retweeted_status.uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.retweeted_status.statusnet_html) + '</div><div class="stream-item-footer">' + queetActions + '<div class="context" id="requeet-' + obj.id + '"><span class="with-icn"><i class="badge-requeeted"></i><span class="requeet-text"> ' + window.sL.requeetedBy + '<a href="' + obj.user.statusnet_profile_url + '"> <b>' + obj.user.name + '</b></a></span></span></div>' + expandHTML + '</div></div></div></div>';
				
				// detect rtl
				queetHtml = detectRTL(queetHtml);						
				
				if(after) {
					$('#' + after).after(queetHtml);			
					}
				else {
					$('#feed-body').prepend(queetHtml);			
					}

				}
			
			}
		
		// ordinary tweet
		else {
			
			// only if not already exist
			if($('#q-' + obj.id).length == 0) {				

				// activity get special design
				if(obj.source == 'activity') {
					var queetTime = parseTwitterDate(obj.created_at);															
					var queetHtml = '<div id="stream-item-' + obj.id + '" class="stream-item activity ' + extraClassesThisRun + '" data-quitter-id="' + obj.id + '" data-conversation-id="' + obj.statusnet_conversation_id + '" data-quitter-id-in-stream="' + obj.id + '"><div class="queet" id="q-' + obj.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><small class="created-at" data-created-at="' + obj.created_at + '"><a href="' + obj.uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.statusnet_html) + '</div></div></div></div>';

					// detect rtl
					queetHtml = detectRTL(queetHtml);	
		
					if(after) {
						$('#' + after).after(queetHtml);		
						}
					else {
						$('#feed-body').prepend(queetHtml);			
						}
					
					}
				else {
					
					// if this is my queet, remove any temp-queets
					if(typeof obj.user != 'undefined') {
						if(obj.user.screen_name == $('#user-screen-name').html()) {
							if($('.temp-post').length > 0) {
								$('.temp-post').each(function (){
									// remove temp duplicate
									$(this).css('display','none');
									
									// we do this so this queet gets added after correct temp-queet in expanded conversations							
									if($(this).find('.queet-text').text() == obj.text) {
										after = $(this).attr('id');
										}
									
									// but don't hide my new queet
									extraClassesThisRun = 'visible';
									});
								}			
							}
						}
										
					// we don't want to print 'null' in in_reply_to_screen_name-attribute, someone might have that username!
					var in_reply_to_screen_name = '';
					if(obj.in_reply_to_screen_name != null) {
						in_reply_to_screen_name = obj.in_reply_to_screen_name;
						}										

					// requeet html
					var requeetedClass = '';
					if(obj.user.id == window.myUserID) {
						var requeetHtml = '<li class="action-del-container"><a class="with-icn"><span class="icon sm-trash"></span> <b>' + window.sL.deleteVerb + '</b></a></li></i></li>';
						}
					else if(obj.repeated) {
						var requeetHtml = '<li class="action-rt-container"><a class="with-icn done"><span class="icon sm-rt"></span> <b>' + window.sL.requeetedVerb + '</b></a></li>';
						var requeetedClass = 'requeeted';
						}
					else {
						var requeetHtml = '<li class="action-rt-container"><a class="with-icn"><span class="icon sm-rt"></span> <b>' + window.sL.requeetVerb + '</b></a></li>';
						}
					// favorite html
					var favoritedClass = '';
					if(obj.favorited) {
						var favoriteHtml = '<a class="with-icn done"><span class="icon sm-fav"></span> <b>' + window.sL.favoritedVerb + '</b></a>';
						favoritedClass = 'favorited';
						}
					else {
						var favoriteHtml = '<a class="with-icn"><span class="icon sm-fav"></span> <b>' + window.sL.favoriteVerb + '</b></a>';
						}						


					// actions only for logged in users
					var queetActions = '';
					var expandHTML = '';
					if(typeof window.loginUsername != 'undefined') {			
						queetActions = '<ul class="queet-actions"><li class="action-reply-container"><a class="with-icn"><span class="icon sm-reply"></span> <b>' + window.sL.replyVerb + '</b></a></li>' + requeetHtml + '<li class="action-fav-container">' + favoriteHtml + '</li></ul>';
						expandHTML = '<span class="stream-item-expand">' + window.sL.expand + '</span>';
						}
					
					var queetTime = parseTwitterDate(obj.created_at);															
					var queetHtml = '<div id="stream-item-' + obj.id + '" class="stream-item ' + extraClassesThisRun + ' ' + requeetedClass + ' ' + favoritedClass + '" data-quitter-id="' + obj.id + '" data-conversation-id="' + obj.statusnet_conversation_id + '" data-quitter-id-in-stream="' + obj.id + '"  data-in-reply-to-screen-name="' + in_reply_to_screen_name + '" data-in-reply-to-status-id="' + obj.in_reply_to_status_id + '"><div class="queet" id="q-' + obj.id + '"><span class="dogear"></span><div class="queet-content"><div class="stream-item-header"><a class="account-group" href="' + obj.user.statusnet_profile_url + '"><img class="avatar" src="' + obj.user.profile_image_url + '" /><strong class="name" data-user-id="' + obj.user.id + '">' + obj.user.name + '</strong> <span class="screen-name">@' + obj.user.screen_name + '</span></a><small class="created-at" data-created-at="' + obj.created_at + '"><a href="' + obj.uri + '">' + queetTime + '</a></small></div><div class="queet-text">' + $.trim(obj.statusnet_html) + '</div><div class="stream-item-footer">' + queetActions + expandHTML + '</div></div></div></div>';

					// detect rtl
					queetHtml = detectRTL(queetHtml);	
		
					if(after) {
						if($('#' + after).hasClass('conversation')) { // if this is a reply, give stream item some conversation formatting
							if($('#conversation-q-' + obj.id).length == 0) { // only if it's not already there
								$('#' + after).after(queetHtml.replace('id="stream-item','id="conversation-stream-item').replace('class="stream-item','class="stream-item conversation').replace('id="q','id="conversation-q'));							
								$('#' + after).remove();								
								}
							}
						else {
							$('#' + after).after(queetHtml);							
							}		
						}
					else {
						$('#feed-body').prepend(queetHtml);			
						}
					
					}
				}
			}
		
		convertAttachmentMoreHref();		
		});	
	$('.stream-selection').removeAttr('data-current-user-stream-name'); // don't remeber user feeds
	} 
	

/* · 
   · 
   ·   View threaded converation
   · 
   ·   @param id: the stream item id
   ·   
   · · · · · · · · · · · · · */ 

$('body').on('click','.longdate',function(){
	threadedConversation($(this).closest('.stream-item:not(.conversation)').attr('data-quitter-id'));
	})
function threadedConversation(id){
	$('body').prepend('<div id="threaded-' + id + '" class="modal-container"><div class="thread-container" style="margin-left:0;"><div></div></div></div>');	
	var scrollTop = $(window).scrollTop();
	var containerStreamItem = $('#stream-item-' + id);
	if(containerStreamItem.children('div:first-child').hasClass('.queet')) {
		var firstStreamItemId = id;
		}
	else {
		var firstStreamItemId = containerStreamItem.children('div:first-child').attr('data-quitter-id');
		}
	getThreadedReply(id,firstStreamItemId,$('#threaded-' + id + ' .thread-container div'));
	}	

function getThreadedReply(containerStreamId,this_id,appendToObj) {

	var $this_item = $('<div/>').append($('.stream-item[data-quitter-id="' + this_id + '"]').outerHTML());
	$this_item.children().children().remove('.stream-item.conversation');
	$this_item.children('.stream-item').css('margin-left',parseInt(appendToObj.css('margin-left'),10)+20 + 'px');
	$this_item.children('.stream-item').removeClass('hidden-conversation');
	$this_item.children('.stream-item').removeClass('expanded');
	$this_item.children('.stream-item').removeClass('activity');
	$this_item.children('.stream-item').removeClass('conversation');	
	$this_item.children('.stream-item').removeClass('visible');		
	$this_item.children('.stream-item').children('div:not(.queet)').remove();
	$this_item.children('.stream-item').find('.inline-reply-queetbox').remove();
	$this_item.children('.stream-item').find('.expanded-content').remove();
	$this_item.children('.stream-item').find('.stream-item-expand').remove();		
	$this_item.children('.stream-item').css('opacity','1');
	appendToObj.after($this_item.html());

	$.each($('.stream-item[data-quitter-id="' + containerStreamId + '"]').children().get().reverse(),function(){
		if($(this).hasClass('queet')) {
			var this_reply_to = $(this).parent().attr('data-in-reply-to-status-id');
			var childs_id = $(this).parent().attr('data-quitter-id');			
			}
		else {
			var this_reply_to = $(this).attr('data-in-reply-to-status-id');			
			var childs_id = $(this).attr('data-quitter-id');
			}		
		if(this_id == this_reply_to) {
			getThreadedReply(containerStreamId,childs_id,$('#threaded-' + containerStreamId + ' .stream-item[data-quitter-id="' + this_id + '"]'));	
			}
		});
	}