// tumblrBadge by Robert Nyman, http://www.robertnyman.com/, http://code.google.com/p/tumblrbadge/
var tumblrBadge = function () {
	// User settings
	var settings = {
		userName : "pacmime", // Your Tumblr user name
		itemsToShow : 10, // Number of Tumblr posts to retrieve
		itemToAddBadgeTo : "tumblr-badge", // Id of HTML element to put badge code into
		imageSize : 100, // Values can be 75, 100, 250, 400 or 500
		shortPublishDate : true, // Whether the publishing date should be cut shorter
		timeToWait : 2000 // Milliseconds, 1000 = 1 second
	};
	
	// Badge functionality
	var head = document.getElementsByTagName("head")[0];
	var badgeContainer = document.getElementById(settings.itemToAddBadgeTo);
	if (head && badgeContainer) {
		var badgeJSON = document.createElement("script");
		badgeJSON.type = "text/javascript";
		badgeJSON.src = "http://" + settings.userName + ".tumblr.com/api/read/json?callback=tumblrBadge.listItems&num=" + settings.itemsToShow;
		head.appendChild(badgeJSON);
		
		var wait = setTimeout(function () {
			badgeJSON.onload = null;
			badgeJSON.parentNode.removeChild(badgeJSON);
			badgeJSON = null;
		}, settings.timeToWait);
		
		listItems = function (json) {
			var posts = json.posts,
				list = document.createElement("ul"), 
				post, 
				listItem, 
				text, 
				link, 
				img, 
				conversation, 
				postLink;
			var msg = "";
			for (var i=0, il=posts.length; i<il; i=i+1) {
				post = posts[i];
				
				var title;
				var url = post.url;

				// Only get content for text, photo, quote and link posts
				if (/regular|photo|video|quote|link|conversation/.test(post.type)) {
					msg += "<div class=\"message\">";											
					msg += "<div class=\"container\">";
										
					//text = post["regular-body"] || post["photo-caption"] || post["quote-source"] || post["link-text"] || post["link-url"] || "";
					if(post.type === "regular") {
					
						title = post["regular-title"];
						msg += "<div class=\"title\">" + title + "</div>";
						
						msg += "<table border=\"0\">";
						msg += "<tr>";
						msg += "<td width=\"42\" vAlign=\"top\" valign=\"top\" class=\"date-cell\">";
						msg += "<div class=\"date\">";						
						var date = (settings.shortPublishDate)? post["date"].replace(/(^\w{3},\s)|(:\d{2}$)/g, "") : post["date"];
						var dateParts = date.split(" ");
						var date = "<b style=\"color:#ffffff\">" + dateParts[2] + "</b><br/>" + dateParts[1] + " " + dateParts[0];						
						msg += date
						msg += "</div>";
						msg += "</td>";
						
						msg += "<td vAlign=\"top\" valign=\"top\" >";
						msg += "<div class=\"body\">";						
						msg += post["regular-body"];						
						msg += "</div>";
						msg += "</td>";

						msg += "</tr></table>";
											
					} else if (post.type === "photo") {			
					
						title = post["photo-caption"];
						msg += "<div class=\"title\">" + title + "</div>";
						
						msg += "<table border=\"0\">";
						msg += "<tr>";
						msg += "<td width=\"42\" vAlign=\"top\" valign=\"top\" class=\"date-cell\">";
						msg += "<div class=\"date\">";						
						var date = (settings.shortPublishDate)? post["date"].replace(/(^\w{3},\s)|(:\d{2}$)/g, "") : post["date"];
						var dateParts = date.split(" ");
						var date = "<b style=\"color:#ffffff\">" + dateParts[2] + "</b><br/>" + dateParts[1] + " " + dateParts[0];						
						msg += date
						msg += "</div>";
						msg += "</td>";
						
						msg += "<td vAlign=\"top\" valign=\"top\" >";
						msg += "<div class=\"body\">";						
						msg += "<a href=\"" + post.url + "\">";
						msg += "<img src=\"" + post["photo-url-" + settings.imageSize] + "\" width=\"" + settings.imageSize + "\">";
						msg += "</div>";
						msg += "</td>";
						
						msg += "</tr></table>";
						
					} else if (post.type === "video") {						
						title = post["video-caption"];
						msg += "<div class=\"title\">" + title + "</div>";
						
						msg += "<table border=\"0\">";
						msg += "<tr>";
						msg += "<td width=\"42\" vAlign=\"top\" valign=\"top\" class=\"date-cell\">";
						msg += "<div class=\"date\">";						
						var date = (settings.shortPublishDate)? post["date"].replace(/(^\w{3},\s)|(:\d{2}$)/g, "") : post["date"];
						var dateParts = date.split(" ");
						var date = "<b style=\"color:#ffffff\">" + dateParts[2] + "</b><br/>" + dateParts[1] + " " + dateParts[0];						
						msg += date
						msg += "</div>";
						msg += "</td>";
						
						msg += "<td vAlign=\"top\" valign=\"top\" >";						
						msg += "<div class=\"body\">";						
						msg += post['video-player'];
						msg += "</div>";
						msg += "</td>";
						
						msg += "</tr></table>";
						
					} else if (post.type === "quote") {
						//text = post["quote-text"] + "<em>" + text + "</em>";
						
					} else if (post.type === "link") {
						title = post["link-url"];
						msg += "<div class=\"title\">" + title + "</div>";
						
						msg += "<table border=\"0\">";
						msg += "<tr>";
						msg += "<td width=\"42\" vAlign=\"top\" valign=\"top\" class=\"date-cell\">";
						msg += "<div class=\"date\">";						
						var date = (settings.shortPublishDate)? post["date"].replace(/(^\w{3},\s)|(:\d{2}$)/g, "") : post["date"];
						var dateParts = date.split(" ");
						var date = "<b style=\"color:#ffffff\">" + dateParts[2] + "</b><br/>" + dateParts[1] + " " + dateParts[0];						
						msg += date
						msg += "</div>";
						msg += "</td>";
						
						msg += "<td vAlign=\"top\" valign=\"top\" >";
						msg += "<div class=\"body\">";						
						msg += post["link-text"] + "<br/>" + post["link-url"];						
						msg += "</div>";
						msg += "</td>";
						
						msg += "</tr></table>";
						
					} else if (post.type === "conversation") {
					
						title = post["conversation-title"];
						msg += "<div class=\"title\">" + title + "</div>";
						
						msg += "<table border=\"0\">";
						msg += "<tr>";
						msg += "<td width=\"42\" vAlign=\"top\" valign=\"top\" class=\"date-cell\">";
						msg += "<div class=\"date\">";						
						var date = (settings.shortPublishDate)? post["date"].replace(/(^\w{3},\s)|(:\d{2}$)/g, "") : post["date"];
						var dateParts = date.split(" ");
						var date = "<b style=\"color:#ffffff\">" + dateParts[2] + "</b><br/>" + dateParts[1] + " " + dateParts[0];						
						msg += date
						msg += "</div>";
						msg += "</td>";
						
						msg += "<td vAlign=\"top\" valign=\"top\" >";
						msg += "<div class=\"body\">";						
						conversation = post["conversation-lines"];
						for (var j=0, jl=conversation.length; j<jl; j=j+1) {
							msg += conversation[j].label + " " + conversation[j].phrase + ((j === (jl -1))? "" : "<br>");
						}
						msg += "</div>";
						msg += "</td>";
						
						msg += "</tr></table>";
					}
										
					msg += "</div>";
					
					msg += '<div style="font-size:11px; text-align:right; margin-right:25px;">';
					msg += '<a href="' + url + '" target="_blank" style="font-size:11px;">View Post</a> | ';
					msg += '<a href="http://twitter.com/home?status=' + encodeURIComponent(title + ' ' + url) + '">';
					msg += '<img src="images/twitter.icon.png" border="0" style="vertical-align:bottom;" title="Tweet this"></a> ';					
					msg += '<a href="http://www.facebook.com/sharer.php?u=' + url + '&t=' + title + '">';
					msg += '<img src="images/facebook.icon.gif" border="0" style="vertical-align:bottom;" title="Share this"></a> | ';
					
					var timestamp = post['date-gmt'];
					timestamp = timestamp.substring(10,timestamp.length);
					msg += timestamp;
					msg += '</div>';
					
					msg += "</div>";
					//msg += text;
				}
			}
			
			// Apply list to container element
			badgeContainer.innerHTML = msg;
		};
		
		return {
			listItems : listItems
		};
	}
}();