$(function () {
	/**
	 * hide elements with class hideMe
	 */
	$("#slide-drawer").hide(),
	$("div.slide-drawer").css("display","block");     // changes the style on my .content div (child div) from display:none to display:block 


	/**
	 * register the sliding behaviour with the tools toolBox
	 */
	$("#slidyTools").find("li").find("span").wrap('<a href="#"></a>').removeClass('slidyToolsBigTitle'),
	$("#slidyTools").find("li").find("a").each (function () {
		$(this).click( function () {
			$("#slidyTools").find("li").find("#slide-drawer").each ( function () {
				// hide all open sections
				if ($(this).is(":visible"))
				{
					$(this).slideUp("slow");
					$('#drawer-link').show('fast'); //shows top tab link
				}
			});
			// open this section if it's hidden
			
			if ($(this).next().is(":hidden"))
			{
				$('#drawer-link').hide('fast'); // hides top tab link 
				$(this).next().slideDown("slow");
				$(this) [0].blur();	
			}
			// no need for else as all open sections have already been closed
			//return false;				
		});
	}),
	
	
	/**
	 * blur links when clicked (gets rid of the dotted lines in firefox
	 * just aesthetics more than anything else.
	 */
	$("a").click(function () {
		$(this).blur();
	})
});