//
// CollapsableContent.js
//



// controls the collapsable content boxes throughout the site
    $(document).ready(function(){
        if ($(".msg_body") != null && $(".msg_head") != null){
	        //hide the all of the element with class msg_body
	        $(".msg_body").hide();
	        $(".msg_body").addClass("collapsed_body");
	        $(".msg_head").addClass("collapsed_head");
    	    
	        //toggle the component with class msg_body
	        $(".msg_head").click(function(){
	            if ($(this).next(".msg_body").hasClass("collapsed_body"))
	            {
	                $(this).next(".msg_body").slideToggle(100);
	                $(this).next(".msg_body").removeClass("collapsed_body");
		            $(this).next(".msg_body").addClass("expanded_body");
		            $(this).removeClass("collapsed_head");
		            $(this).addClass("expanded_head");
	            } 
	            else
	            {
	                $(this).next(".msg_body").slideToggle(100);
		            $(this).next(".msg_body").addClass("collapsed_body");
		            $(this).next(".msg_body").removeClass("expanded_body");
		            $(this).removeClass("expanded_head");
		            $(this).addClass("collapsed_head");
	            }
	        });
	    }
    });