// tumblrBadge by Robert Nyman, http://www.robertnyman.com/, http://code.google.com/p/tumblrbadge/
var tumblrBadge = function () {
	
	//Page tracking (which post to start at)
var firstPost = 0;

	// User settings
	var settings = {
		userName : "cherrypielane", // 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 : 250, // 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);
		
		//Yucky global, need for now
var badgeContainer = document.getElementById(settings.itemToAddBadgeTo);

		listItems = function (json) {
			var posts = json.posts,
				list = document.createElement("ul"), 
				post, 
				listItem, 
				text, 
				link, 
				img, 
				conversation, 
				postLink;
			list.className = "tumblr";
			for (var i=0, il=posts.length; i<il; i=i+1) {
				post = posts[i];

				// Only get content for text, photo, quote and link posts
				if (/regular|photo|quote|link|conversation/.test(post.type)) {
					listItem = document.createElement("li");
					
					// Create a link to Tumblr post
					postLink = document.createElement("p");
					postLink.className = "tumblr-post-date";
					postLink.href = post.url;
					postLink.innerHTML = (settings.shortPublishDate)? post["date"].replace(/(^\w{3},\s)|(:\d{2}$)/g, "").substring(0, 7) : post["date"];
					listItem.appendChild(postLink);
										
					postTitle = document.createElement("p");
					postTitle.className = "tumblr-post-title"; 
					postTitle.innerHTML = post["regular-title"];
					listItem.appendChild(postTitle);

					text = post["regular-body"] || post["photo-caption"] || post["quote-source"] || post["link-text"] || post["link-url"] || "";
					if (post.type === "photo") {
						link = document.createElement("a");
						link.href = post.url;
						img = document.createElement("img");
						// To avoid a creeping page
						img.width = settings.imageSize;
						img.src = post["photo-url-" + settings.imageSize];
						link.appendChild(img);
						listItem.appendChild(link);
						text = "<em>" + text + "</em>";
					}
					else if (post.type === "quote") {
						text = post["quote-text"] + "<em>" + text + "</em>";
					}
					else if (post.type === "link") {
						text = '<a href="' + post["link-url"] + '">' + text + '</a>';
					}
					else if (post.type === "conversation") {
						conversation = post["conversation-lines"];
						for (var j=0, jl=conversation.length; j<jl; j=j+1) {
							text += conversation[j].label + " " + conversation[j].phrase + ((j === (jl -1))? "" : "<br>");
						}
					}
					listItem.innerHTML += text;

					

					// Apply list item to list
					list.appendChild(listItem);
				}
			}
			
			// Apply list to container element
			badgeContainer.innerHTML = "";
			badgeContainer.appendChild(list);
			
			//Make page nav bar elements
	pageNav = document.createElement("div");
	pageNav.id = "page-nav";
	prev = document.createElement("a");
	prev.onclick = function() { decrementPage(); }
	prev.innerHTML = "Previous Page";
	next = document.createElement("a");
	next.onclick = function() { incrementPage(); }
	next.innerHTML = "Next Page";
	navLine = document.createElement("span");
	navLine.id = "page-nav-line";
	navLine.innerHTML = "&nbsp;|&nbsp;";
	
	//Decide page nav bar properties (are we on the first or last page?)
	//TO DO: what if the last page fits all remaining posts on evenly?
	if (firstPost == 0) {
		prev.className = "dead";
		prev.onclick = "";
	} else {
		prev.className = "alive";}
	if (settings.itemsToShow > posts.length + 1) {
		next.className = "dead";
		next.onclick = "";
	} else {
		next.className = "alive"; }		
	
	//Assemble and add page nav bar
	pageNav.appendChild(prev);
	pageNav.appendChild(navLine);
	pageNav.appendChild(next);
	badgeContainer.appendChild(pageNav);

	};

// tumblrBadge by Robert Nyman, http://www.robertnyman.com/, http://code.google.com/p/tumblrbadge/
function tumblrBadge() {
	
	// Badge functionality
	var head = document.getElementsByTagName("head")[0];
	if (head && badgeContainer) {
		var badgeJSON = document.createElement("script");
		badgeJSON.type = "text/javascript";
		badgeJSON.src = "http://" + settings.userName + ".tumblr.com/api/read/json?callback=listItems&num=" + settings.itemsToShow + "&start=" + firstPost;
		head.appendChild(badgeJSON);
		
		var wait = setTimeout(function () {
			badgeJSON.onload = null;
			badgeJSON.parentNode.removeChild(badgeJSON);
			badgeJSON = null;
		}, settings.timeToWait);
	
	}
};

function incrementPage() {
	firstPost += settings.itemsToShow;
	tumblrBadge();
	window.scrollTo(0,0);
}

function decrementPage() {
	firstPost -= settings.itemsToShow;
	firstPost = Math.max(firstPost, 0);	//redundant checking if nav links check a similar thing further up
	tumblrBadge();
	window.scrollTo(0,0);
}

//Now actually use all the above functions
tumblrBadge();
	}
}();
