// adds a "Hide/Show" link to the top right of each element with class "debug"
// depends on JQuery, written for version 1.2


// code to run on document ready (ie, "onload" but better)
 $(document).ready(function() {
		fancify_debug_info();
 });
 
 function fancify_debug_info() {
	$(".debug").css("height","1em")
		.css("overflow","hidden");

	var toggle_link_html = "<a class='hide-me' href='#' onclick='return false;' title='Hide/Show this debug info'>Hide/Show</a>";
	$(".debug").prepend(toggle_link_html);

	$(".debug a.hide-me").click(
		function() {
			var my_dad = 	$(this).parent();
			if( my_dad.css("height") == "1em" )
			{
				my_dad.css("height","auto");
			}
			else
			{
				my_dad.css("height","1em");
			}
		}
	)

	if( ($(".debug").get()).length > 0 ) {
		$(".debug").hide();
		var toggle_link_html = "<p id='debug-global-message'>DEBUG info is present. <a href='#'>Hide / Show</a></p>";
		$("body").append(toggle_link_html);
		$("#debug-global-message a").click( 
			function() {
				$(".debug").slideToggle();
				// return false;
			}
		)
	}


 }