$(document).ready(function(){
		
	  //Fixes an animation glitch caused by the
	  //div's dynamic height.  Need to set the
	  //height style so the slide functions work
	  //correctly.
	  $("div.slideBody").each(function(){
		$(this).css("height", $(this).height() + "px");
		});
	
	
	    $("div.slideBody_Plus").each(function(){
		$(this).css("height", $(this).height() + "px");
		});
		
		
	  //hook the mouseup events to each header
	  $("div.slidePanel").children(
		"div.slideHeader").mouseup(function(){
	 
		//find the body whose header was clicked
		var body = $(this).parent().children("div.slideBody");

		//slide the panel
		if(body.is(":hidden"))
		  body.slideDown();
		else
		  body.slideUp();
	  });
	  
	  $("div.slidePanel_Plus").children(
		"div.slideHeader").mouseup(function(){
	 
		//find the body whose header was clicked
		var body = $(this).parent().children("div.slideBody");
		//slide the panel
		if(body.is(":hidden"))
		  body.slideDown();
		else
		  body.slideUp();
	  });
	  
	});