$(document).ready(function(){

// site map - slider

	$("#content").prepend('<p>To view the sitemap for each area, click on the corresponding coloured bar. To hide the area, click on the bar once more.</p><ul><li>The +/- icons indicate whether the area is opened/closed.</li><li>To view the sitemap in full, click "Show All".</li></ul><p id="activate"><a id="show-all" href="javascript:void(0);" title="Show All">Show All</a> | <a id="hide-all" href="javascript:void(0);" title="Hide All">Hide All</a></p>');

	$(".slider ul li ul").hide();
	$(".slider ul li h3 a").toggleClass("closed");

	$("a#hide-all").click(function () {
		$(".slider ul li ul").hide();
		$(".slider ul li h3 a").addClass("closed");
		return false;
	});
	
	$("a#show-all").click(function () {
		$(".slider ul li ul").show();
		$(".slider ul li h3 a").removeClass("closed");
		return false;
	});
	
	$(".slider ul li h3 a").click(function () {
		$(this).parents("li").find("ul").toggle();
		$(this).toggleClass("closed");
		return false;
	});

});