// Builds tabs for the page bottoms on story pages
$(document).ready(function() {
	$(document.getElementById("read")).css("background","#eef2f7"); // set this tab as being "forward" on load
	$(document.getElementById("commented")).css("background","#d9e0e8"); // set this tab as being "behind" on load
	$(document.getElementById("closeCommented")).click(function() {
		$(document.getElementById("mostCommented")).show();
		$(document.getElementById("mostRead")).hide();
		$(document.getElementById("read")).css("background","#d9e0e8"); // upon being deselected, change this tab's background
		$(document.getElementById("commented")).css("background","#eef2f7"); // upon being selected, change this tab's background
	});
	$(document.getElementById("closeRead")).click(function() {
		$(document.getElementById("mostRead")).show();
		$(document.getElementById("mostCommented")).hide();
		$(document.getElementById("commented")).css("background","#d9e0e8"); // upon being deselected, change this tab's background 
		$(document.getElementById("read")).css("background","#eef2f7"); // upon being selected, change this tab's background
	});
});