<style type="text/css">
h2.tut {color:#fff; font-size:16px; text-transform:uppercase; padding:12px 0 0 58px;background: royalBlue;-moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; khtml-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; text-shadow: 2px 1px 6px #000000;}
#twitter-ticker { width:330px; height:400px; color:#666; display:none; text-align:left; margin:40px auto 20px; background:#f5f5f5; }
#tweet-container { height:330px; width:330px; overflow:auto; }
#twiticon { position:absolute; top:-25px; left:-10px; width:64px; height:64px; }
#loading { margin:100px 95px; }
 
.tweet { border:1px solid #f0f0f0; width:auto; overflow:hidden; margin:8px 8px 0; padding:5px; background:url(img/transparent.png);font-size:0.9em; }
.tweet:first-child { margin-top:0; }
.tweet .avatar,.tweet .user,.tweet .time { float:left; }
.tweet .time { display:block; width:70%; font-size:13px; color:#aaa; white-space:nowrap; }
.tweet .avatar img { width:30px; height:30px; border:1px solid #eee; margin:0 5px 5px 0; }
.tweet .txt { clear:both; }
.tweet .user { font-weight:bold; }
</style>

<!--Твиттер-->
<script type="text/javascript">
var tweetUsers = ['anekdotru'];
var buildString = "";
$(document).ready(function(){
$('#twitter-ticker').slideDown('slow');
for(var i=0;i<tweetUsers.length;i++)
{if(i!=0) buildString+='+OR+';
buildString+='from:'+tweetUsers[i];}
var fileref = document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=20");
document.getElementsByTagName("head")[0].appendChild(fileref);
	});

function TweetTick(ob)
{
var container=$('#tweet-container');
container.html('');
	
$(ob.results).each(function(el){
var str = '	<div class="tweet">\
<div class="avatar"><a href="http://twitter.com/'+this.from_user+'" target="_blank"><img src="'+this.profile_image_url+'" alt="'+this.from_user+'" /></a></div>\
<div class="user"><a href="http://twitter.com/'+this.from_user+'" target="_blank">'+this.from_user+'</a></div>\
<div class="time">'+relativeTime(this.created_at)+'</div>\
<div class="txt">'+formatTwitString(this.text)+'</div>\
</div>';
container.append(str);
});}

function formatTwitString(str)
{
str=' '+str;
str = str.replace(/((ftp|https?):\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/gm,'<a href="$1" target="_blank">$1</a>');
str = str.replace(/([^\w])\@([\w\-]+)/gm,'$1@<a href="http://twitter.com/$2" target="_blank">$2</a>');
str = str.replace(/([^\w])\#([\w\-]+)/gm,'$1<a href="http://twitter.com/search?q=%23$2" target="_blank">#$2</a>');
return str;}

function relativeTime(pastTime)
{var origStamp = Date.parse(pastTime);
var curDate = new Date();
var currentStamp = curDate.getTime();
var difference = parseInt((currentStamp - origStamp)/1000);
if(difference < 0) return false;
if(difference <= 5)    return "Just now";
if(difference <= 20)    return "Seconds ago";
if(difference <= 60)    return "A minute ago";
if(difference < 3600)    return parseInt(difference/60)+" minutes ago";
if(difference <= 1.5*3600) 	return "One hour ago";
if(difference < 23.5*3600)	return Math.round(difference/3600)+" hours ago";
if(difference < 1.5*24*3600)	return "One day ago";
var dateArr = pastTime.split(' ');
return dateArr[4].replace(/\:\d+$/,'')+' '+dateArr[2]+' '+dateArr[1]+(dateArr[3]!=curDate.getFullYear()?' '+dateArr[3]:'');}
</script>

<div id="twitter-ticker">
<!-- Контейнер для заголовка и иконки -->
<div id="top-bar">
<div id="twitIcon"><img src="http://womtec.ru/wp-content/example/twitter-feed/img/womtec.png" width="64" height="64" alt="Twitter" style="float: left;" /></div>
<h2 class="tut">Твитты</h2>
</div>
<!-- Контейнер с картиной загрузки, которая исчезает после загрузки твиттов -->
<div id="tweet-container">
<img id="loading" src="http://womtec.ru/wp-content/example/twitter-feed/img/loading.gif" width="16" height="11" alt="Loading" />
</div></div>