$(document).ready(function() {
    $.getJSON('http://gdata.youtube.com/feeds/api/users/mosaicpublicity/uploads?alt=json-in-script&callback=?&max-results=3&orderby=published', function(data) { 
		var youtube = "<div class='youtube-feed'>\n";        
		$.each(data.feed.entry, function(i, item) {
			var updated = item.updated;
			var title = item['title'].$t;
            var url = item['media$group']['media$content'][0]['url'];
            var thumb = item['media$group']['media$thumbnail'][0]['url'];
			var thumbnailUrl = item['media$group']['media$thumbnail'][0].url;
			var playerUrl = item['media$group']['media$player'][0].url;
            var numViews = item['yt$statistics']['viewCount'];
			var published  = item['published'].$t;
			var regexp = "([0-9]{4})-([0-9]{2})-([0-9]{2})T";
			var thisDate = published.match( new RegExp(regexp) );
			published = '';//new Date(thisDate[1], thisDate[2] - 1, thisDate[3]).toDateString();
			
			youtube += "  <div class='yt-vid'>\n";
		    youtube += "    <a class='youtube-thumbnail' href='" + playerUrl + "'>\n";
		    youtube += "      <img class='youtube-image-thumb' src='" + thumbnailUrl + "' width='65' height='50' alt='Preview for " + title + "'/>\n";
		    youtube += "    </a>\n";
			youtube += "    <a class='youtube-title' href='" + playerUrl + "'>\n";
		    youtube +=      title + published + "\n";
		    youtube += "    </a>\n";
		    youtube += "  </div>\n";

        });
		youtube += "</div>";
		document.getElementById('youtube-box').innerHTML = youtube;
    });
});