$(document).ready(function(){

// site map - slider

	$("#sitemap-controls").after('<div id="sitemap-intro"><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></div>');

	$("#sitemap .slider ul li ul.sitemap-1").hide();
	$("#sitemap .slider ul li h3 a").addClass("closed");

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

});