$(function() {
	// initialise
	var lisAsText = "";
	var slidableDivs = $("div#sliding-content div");
	for(var i = 0; i < slidableDivs.length; i++) {
		lisAsText += ((i == 0) ? '<li class="selected">' : '<li>') + '<a href="#">' + (i+1) + '. ' + slidableDivs[i].id.replace(/-/g, " ") + '</a></li>';
	}
	$("div#sliding-content").css("width", "10000").parent().before('<ul id="tab-navigation">' + lisAsText + '</ul>');
	// attach events
	$("ul#tab-navigation li").click(function() {
		var lis = $("ul#tab-navigation li");
		for(var i = 0; i < lis.length; i++) {
			$(lis[i]).removeClass("selected")
			if(lis[i] == this) {
				$("div#sliding-content").animate({
					marginLeft: -i * $("div#sliding-content div").width()
				});
			}
		}
		$(this).addClass("selected");
		return false;
	});
});