// JavaScript Document


function create_tweets( args )
{
	//console.log( args );
	//console.log( post );
	//console.log( args );
	
	if( !document.getElementById )
		fail( 'epic' );
	else
	{	
		/*
			<div class="tweet-wrapper">
				<div class="tweet-photo"></div>
				<div class="tweet-point"></div>
				<div class="tweet-bubble">
					<?= substr( $tweet['content'], 9 ); ?>
				</div>
				<div style="clear:both;"></div>
				<div class="tweet-meta">
					<span class="time"><?= $twitter_times[$dk] ?></span><?= $tweet['user'] ?>
				</div>
			</div>
		*/
		i=0;
		document.getElementById('twitter_content').innerHTML = '';
		while( args['t'+i] != null && args['u'+i] != null && args['c'+i] != null )
		{
			tweet_wrapper = document.createElement( 'DIV' );
				tweet_wrapper.className = 'tweet-wrapper';
				tweet_wrapper.id = 'tweet_'+i;
				document.getElementById( 'twitter_content' ).appendChild( tweet_wrapper );
			tweet_photo = document.createElement( 'DIV' );
				tweet_photo.className = 'tweet-photo';
				tweet_photo.id = 'tweet_photo_' + i;
				document.getElementById('tweet_'+i ).appendChild( tweet_photo );
			tweet_photo_elem = document.createElement( 'IMG' );
				tweet_photo_elem.src = 'images/twitter/' + args['u'+i] + '.jpg';
				tweet_photo_elem.className = 'twitter-photo-element';
				document.getElementById('tweet_photo_'+i).appendChild( tweet_photo_elem );
			tweet_point = document.createElement( 'DIV' );
				tweet_point.className = 'tweet-point';
				document.getElementById( 'tweet_'+i ).appendChild( tweet_point );
			tweet_bubble = document.createElement( 'DIV' );
				tweet_bubble.className = 'tweet-bubble';
				bubbleHTML = args['c'+i];
				//-link fix
				if( bubbleHTML.toLowerCase().match(/http:\/\//) )
				{
					//alert( 'found link' );
					j = bubbleHTML.toLowerCase().indexOf('http://');
					new_bubbleHTML = bubbleHTML.substr( 0, j ) + '<a href="';
					actual_link = '';
					while( bubbleHTML[j] != null && bubbleHTML[j] != ' ' )
						actual_link += bubbleHTML[j++];
					new_bubbleHTML += actual_link + '" title="external link" target="_blank">' + actual_link + '</a>' + bubbleHTML.substr( j );
					bubbleHTML = new_bubbleHTML;
				}
				tweet_bubble.innerHTML = bubbleHTML;
				document.getElementById( 'tweet_'+i ).appendChild( tweet_bubble );
			clear = document.createElement( 'DIV' );
				clear.style.clear = 'both';
				clear.style.margin = '0';
				clear.style.padding = '0';
				clear.style.height = '0';
				document.getElementById( 'tweet_' + i ).appendChild( clear );
			tweet_meta = document.createElement( 'DIV' );
				tweet_meta.className = 'tweet-meta';
				tweet_meta.id = 'tweet_meta_' + i;	
				document.getElementById( 'tweet_'+i ).appendChild( tweet_meta );
			time_span = document.createElement( 'SPAN' );
				time_span.className = 'time';
				spanhtml = args['t'+i].substr( 1 );
				has_s = args['t'+i].substr( 1 ) > 1? true : false;
				switch( args['t'+i].substr(0,1) )
				{
					case 's': spanhtml += has_s? ' seconds ago' : ' second ago'; break;
					case 'm': spanhtml += has_s? ' minutes ago' : ' minute ago'; break;
					case 'h': spanhtml += has_s? ' hours ago' : ' hour ago'; break;
					case 'd': spanhtml += has_s? ' days ago' : ' day ago'; break;
					case 'w': spanhtml += has_s? ' weeks ago' : ' week ago'; break;
					case 'x': spanhtml = 'a long time ago...'; break;
					default: spanhtml = ''; break;
				}
				time_span.innerHTML = spanhtml;
				document.getElementById('tweet_meta_'+i).appendChild( time_span );
			if( args['l'+i] )
			{
				newmetahtml = '<a href="http://search.twitter.com/search?q=%23mp+from%3A' + args['l'+i] + '" target="_blank" class="white">';
				newmetahtml += document.getElementById('tweet_meta_'+i).innerHTML + args['u'+i].toUpperCase() + '</a>';
			}
			else
			{
				newmetahtml = document.getElementById('tweet_meta_'+i).innerHTML + args['u'+i].toUpperCase();
			}
			document.getElementById('tweet_meta_'+i).innerHTML = newmetahtml;
			i++;
		}
	}
}

function dis_user( li )
{
	if( document.getElementById )
	{
		li.className = li.className == 'item button'? 'item button dissed' : 'item button';
		//console.log( document.getElementById('li_sort_recent').className );
		//console.log( document.getElementById('li_sort_recent').className.match('dissed')? 'matched' : 'not matched' );
		update_twitter( document.getElementById('li_sort_recent').className.match('dissed')? 'random' : 'recent' );
	}
}

function update_twitter( arg )
{
	if( document.getElementById )
	{
		if( arg == null || arg == '' )
			arg = 'recent';
		if( arg == 'recent' )
		{
			document.getElementById('li_sort_random').className = 'item button sort dissed';
			document.getElementById('li_sort_recent').className = 'item button sort';
		}
		else
		{
			document.getElementById('li_sort_recent').className = 'item button sort dissed';
			document.getElementById('li_sort_random').className = 'item button sortsed';
		}
		//-determine dis
		if( document.getElementById('twitter-users') )
		{
			lis = Array();
			lis = document.getElementById('twitter-users').getElementsByTagName('li');
			run = lis.length;
			dissed = '';
			for( i=0; i<run; i++ )
			{
				if( lis[i].className.match('dissed') )
				{
					spans = Array();
					spans = lis[i].getElementsByTagName('span');
					dissed += spans[0].innerHTML.substr(1) + '|';
				}
			}
			if( dissed.length > 1 )
				dissed = dissed.substr(0,dissed.length-1);
			//console.log( dissed );
		}
		
		//$('#twitter-menu').hide();
		
		//-post using jquery
		$.post( 'scripts/fetch_twitter.php', { request_id : 'mp_home', num: 2, dis: dissed, sort: arg }, function(data){ create_tweets(data); }, 'json' );
	}
}