///////////////////////////////////////////////////////////////////////////
//
//
//		Twitter表示		Ver 1.0				auther: Toyohiko Yoshimine
//
//
//	_id		ユーザーID
//	_width	表示幅(ピクセル)
//	_count	表示ツイート数
//
///////////////////////////////////////////////////////////////////////////

var drawTweetWidth;

function DrawTweet(_id, _width, _count) {

	drawTweetWidth = _width;

	document.write('<div id="drawtweet_'+_id+'" style="font-size:12px; line-height:16px; width:'+drawTweetWidth+'px; height:auto;"></div>\n');

	// つぶやきの読み込み	
	var tws = document.createElement("script");
	tws.type = "text/javascript";
	tws.src = 'http://twitter.com/statuses/user_timeline/'+_id+'.json?callback=cbDrawTweet&count='+_count;
	document.body.appendChild(tws);
}

function cbDrawTweet(data) {
	
	var div = document.getElementById('drawtweet_'+data[0].user.screen_name);

	var html = '';

	html += '<ul style="width:'+drawTweetWidth+'px;">\n';

	for (var i=0; i<data.length; ++i) {

		html += '  <li style="clear:both;">\n';

		// アイコン
		html += '    <div style="width:68px; height:58px; text-align:center; float:left;">\n';
//		html += '      <img src="'+data[i].user.profile_image_url+'" width=48 height=48 />\n';
		html += '      <img src="'+data[i].user.profile_image_url+'" />\n';
		html += '    </div>\n';

		// ID名、表示名
		html += '    <div style="padding-bottom:10px; width:'+(drawTweetWidth-68)+'px; float:left;">\n';
		html += '<span style="font-weight:bold;">'+data[i].user.name+'</span> ';
		html += '<span style="color:#999;">'+data[i].user.screen_name+'</span><br />\n';
		
		// つぶやき
		var tw = data[i].text;
		tw = tw.replace(/(https?:\/\/[a-zA-Z0-9_\.\!\~\*\(\);\/\?\:\@\&\=\+\$,%#-]+)/g,'<a href="$1" target="_blank">$1</a>');
		tw = tw.replace(/@([a-zA-Z0-9_]+)/g, '<a href="http://twitter.com/$1" target="_blank">@$1</a>');
		tw = tw.replace(/#([a-zA-Z0-9_]+)/g, '<a href="http://twitter.com/search?q=%23$1" target="_blank">#$1</a>');
		html += tw+'<br />\n';

		// 時間
		html += '<span style="color:#999;">';
		var c = data[i].created_at.split(' ');
		var date = new Date(c[1]+' '+c[2]+','+c[5]+' '+c[3]);
		var now = new Date();
		var diff = parseInt((now.getTime()-(date.getTime()-now.getTimezoneOffset()*60*1000))/1000);
		if (diff < 60)
			html += diff+'秒';
		else if (diff < 60*60)
			html += parseInt(diff/60)+'分';
		else if (diff < 24*60*60)
			html += parseInt(diff/(60*60))+'時間';
		else
			html += parseInt(diff/(24*60*60))+'日';
		html += '前</span>\n';
		
		html += '    </div>\n';

		// セパレータ
		if (i < data.length-1) {
			html += '    <div style="clear:both; width:'+drawTweetWidth+'px; height:1px; background:#d5d5d5; margin-bottom:14px;"></div>\n';
		}
		html += '  </li>\n';
	}
	
	html += '</ul>\n';	

	div.innerHTML = html;
}