function updateTopics(newLabel) {
	dojo.query('#m1 #' + newLabel).forEach(function(arg) {arg.className='on';});
	dojo.query('#m2 #' + newLabel).forEach(function(arg) {arg.className='on';});
}

function fixWeekDay(str) {
	dayMapping = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
	if(dayMapping[str] != null)
		return dayMapping[str];
	return str;
}

function fixMonth(str) {
	monthMapping = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
	if(monthMapping[str] != null)
		return monthMapping[str];
	return str;
}

function showrecentposts(json) {
	var feed = json.feed;
	targetDiv = dojo.query(".maincontent")[0];
	divHtml = targetDiv.innerHTML;
	divHtml += '<div class="bottomscroll"><ul>';
	numberOfPosts = feed.entry.length;
	for (i=0;i<numberOfPosts;i++) {
		entry = feed.entry[i];
		divHtml += '<li>' + smallPost(entry) + '</li>';
	}
	divHtml += '</ul>';
	divHtml += '</div>';
	if(numberOfPosts > 4)
		divHtml += '<span class="prev disabled"><div class="prev-icon"></div></span><span class="next"><div class="next-icon"></div></span>';
	else
		divHtml += '<span class="prev disabled"><div class="prev-icon"></div></span><span class="next disabled"><div class="next-icon"></div></span>';
	targetDiv.innerHTML = divHtml;
	
	$(".bottomscroll").jCarouselLite({btnNext: ".next",	btnPrev: ".prev", visible: 4, scroll: 1, circular: false, speed: 400});
}

function smallPost(entry) {
	var postDate = new Date(Date.parse(entry.published.$t.substring(0,10).replace(/-/g, "/")));
	var dayOfWeek = fixWeekDay(postDate.getUTCDay());
	var postMonth = fixMonth(postDate.getUTCMonth());
	var dayOfMonth = postDate.getUTCDate();
	var postYear = postDate.getFullYear();
	var formattedDate = dayOfWeek + ', ' + dayOfMonth + ' ' + postMonth + ' ' + postYear;
	
	entryTitle = entry.title.$t;
	if(entryTitle.length > 45)
		entryTitle = entryTitle.substring(0, 45) + '...';
	
	html = '<div class="col"><div class="post"><span class="date">'
		+ formattedDate + '</span><div class="post-title"><h2>'
		+ '<a href="' + entry.link[4].href + '">' + entryTitle 
		+ '</a></h2></div><div class="postmeta"><p>written by	<a>' 
		+ entry.author[0].name.$t + '</a>';
	if(entry.link[1].title != "0 Comments")
		html += ' and has <a href="' + entry.link[4].href + '#comments"><em>'	+ entry.link[1].title + '</em></a>.';
	html += '</p></div>' + '<div class="postentry">' + entry.content.$t 
	+ '<p class="clearpara"></p></div></div></div>';
	return html;
}

function recentPost(node) {
	postNode = $(".post", node)[0];
	postDate = $(".date", postNode)[0].innerHTML;
	titleNode = $(".post-title", postNode)[0];
	titleStr = $(".title-link", titleNode)[0].innerHTML;
	
	if(titleStr.length > 45)
		$(".title-link", titleNode)[0].innerHTML = titleStr.substring(0, 45) + '...';
	titleHtml = titleNode.innerHTML;
	metaHtml = $(".postmeta", postNode)[0].innerHTML;
	postHtml = $(".postentry", postNode)[0].innerHTML;
	divHtml = '<div class="col"><div class="post"><span class="date">' + postDate + '</span><div class="post-title">'
			+ titleHtml + '</div><div class="postmeta"><p>' + metaHtml;
		divHtml += '</p></div><div class="postentry">' + postHtml + '</div></div></div>';
	return divHtml;
}

function searchPost(node) {
	postNode = $(".post", node)[0];
	postLabel = $(".category", $(".post-label", node)[0])[0].innerHTML;
	postDate = $(".date", postNode)[0].innerHTML;
	titleNode = $(".post-title", postNode)[0];
	titleStr = $(".title-link", titleNode)[0].innerHTML;
	if(titleStr.length > 45)
		$(".title-link", titleNode)[0].innerHTML = titleStr.substring(0, 45) + '...';
	titleHtml = titleNode.innerHTML;
	metaHtml = $(".postmeta", postNode)[0].innerHTML;
	postHtml = $(".postentry", postNode)[0].innerHTML;
	divHtml = '<div class="col"><div class="post"><span class="date">' + postDate + '<p class="category">' 
			+ postLabel + '</p></span><div class="post-title">'
			+ titleHtml + '</div><div class="postmeta"><p>' + metaHtml;
		divHtml += '</p></div><div class="postentry">' + postHtml + '</div></div></div>';
	return divHtml;
}

function mainPost(node) {
	postNode = $(".post", node)[0];
	postDate = $(".date", postNode)[0].innerHTML;
	titleHtml = $(".post-title")[0].innerHTML;
	metaHtml = $(".postmeta", postNode)[0].innerHTML;
	postHtml = $(".postentry", postNode)[0].innerHTML;
	divHtml = '<div class="post"><span class="date">' + postDate + '</span><div class="post-title">'
			+ titleHtml + '</div><div class="postmeta"><p>' + metaHtml;
		divHtml += '<a href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4a9a8a9916ef00fd" class="addthis_button">' 
			+ '<img height="16" align="right" width="125" style="border: 0pt none" alt="Bookmark and Share" src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif" /></a>' 
			+ '<script src="http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a9a8a9916ef00fd" type="text/javascript"></script>';
		divHtml += '</p></div><div id="latest-project">' + postHtml + '</div></div></div>';
	return divHtml;
}

function preparePage() {
	path = window.location.pathname;
	if(path.indexOf("/search/label/") == 0) {
		labelName = path.substring("/search/label/".length, path.length);
		postList = dojo.query(".list-container .col");
		
		mainPostHtml = '<div class="latest-project"><div class="section_header"><h2>Latest Article</h2><p class="clearpara"></p></div>'
			+ mainPost(postList[0]) + '</div>';
		
		recentPostHtml = '';
		if(postList.length > 1) {
			recentPostHtml = '<div class="maincontent"><div class="section_header"><h2>Recent Articles</h2><p class="clearpara"></p></div>';
			
			recentPostHtml += '<div class="bottomscroll"><ul>';
			for(i=1;i<postList.length;i++)
				recentPostHtml += '<li>' + recentPost(postList[i]) + '</li>';
			
			recentPostHtml += '</ul>';
			recentPostHtml += '</div>';
			if(postList.length > 4)
				recentPostHtml += '<span class="prev disabled"><div class="prev-icon"></div></span><span class="next"><div class="next-icon"></div></span>';
			else
				recentPostHtml += '<span class="prev disabled"><div class="prev-icon"></div></span><span class="next disabled"><div class="next-icon"></div></span>';
			recentPostHtml += '<p class="spacer10"></p></div>';
		}
		dojo.byId("Blog1").innerHTML = mainPostHtml + '<p class="spacer10"></p>'
			+ '<p class="spacer10"></p>' + recentPostHtml;

		$(".bottomscroll").jCarouselLite({btnNext: ".next",	btnPrev: ".prev", visible: 4, scroll: 1, circular: false, speed: 400});
	}
	else {
		postList = dojo.query(".list-container .col");
		if(postList.length == 0) {
			divHtml = '<div class="maincontent"><div class="section_search_noresults"><h2>search results</h2><p class="clearpara"></p></div>'
				+ '<div class="noresults"><span>0 results</span><h2>Sorry, try another search term.</h2><p class="spacer10"></p></div></div>';
		}
		else {
			searchMessage = dojo.query(".searchMessage")[0].innerHTML;
			searchQuery = searchMessage.substring(searchMessage.indexOf("<b>") + 3, searchMessage.indexOf("</b>"));
			
			divHtml = '<div class="maincontentsearch"><div class="section_search_results"><h2>search results</h2><p class="clearpara"></p></div>'
				+ '<p class="searchresults">"' + searchQuery +'"</p></div>';
			divHtml += '<div class="maincontentresults"><div class="results">';
			for(i=0;i<postList.length;i++)
				divHtml += searchPost(postList[i]);
			divHtml += '<p class="spacer10"></p></div></div>';
			
		}
		dojo.byId('Blog1').innerHTML = divHtml;		
	}	
}

dojo.subscribe('labelWatch', null, updateTopics);