$(document).ready(function(){
	$(".collapsible_inner").css({display: "none"});

	$(".collapsible h3").toggle(
		function() {
			$(this).addClass("expanded");
			$(this).parent().find('div.collapsible_inner').addClass("expanded").slideDown("medium");
			$(this).parent().find('div.collapsible_inner').removeClass("collapsed"); 
			$(this).parent().removeClass("collapsedPane");
			$(this).parent().addClass("expandedPane");
		},
		function() {
			$(this).removeClass("expanded");
			$(this).parent().find('div.collapsible_inner').removeClass("expanded");  
			$(this).parent().find('div.collapsible_inner').addClass("collapsed").slideUp("medium");

			$(this).parent().removeClass("expandedPane");
			$(this).parent().addClass("collapsedPane");
		}
	);

	/* 
		Added to allow use of <div> instead of <h3> so we can specify a width shorter than the surrounding div.
	*/
	$("div.toggle").toggle(
		function() {
			$(this).addClass("expanded");
			$(this).parent().find('div.collapsible_inner').addClass("expanded").slideDown("medium");
			$(this).parent().find('div.collapsible_inner').removeClass("collapsed"); 
			$(this).parent().removeClass("collapsedPane");
			$(this).parent().addClass("expandedPane");
			$(this).css("background", "transparent url(images/onlineservices/btn_collapsible.gif) no-repeat 528px 5px")
		},
		function() {
			$(this).removeClass("expanded");
			$(this).parent().find('div.collapsible_inner').removeClass("expanded");  
			$(this).parent().find('div.collapsible_inner').addClass("collapsed").slideUp("medium");
			$(this).parent().removeClass("expandedPane");
			$(this).parent().addClass("collapsedPane");
			$(this).css("background", "#f6f6f6 url(images/onlineservices/btn_expanded.gif) no-repeat 528px 5px")
		}
	);

	$("div.toggle-wide").toggle(
		function() {
			$(this).addClass("expanded");
			$(this).parent().find('div.collapsible_inner').addClass("expanded").slideDown("medium");
			$(this).parent().find('div.collapsible_inner').removeClass("collapsed"); 
			$(this).parent().removeClass("collapsedPane");
			$(this).parent().addClass("expandedPane");
			$(this).css("background", "transparent url(images/onlineservices/btn_collapsible.gif) no-repeat 642px 5px")
		},
		function() {
			$(this).removeClass("expanded");
			$(this).parent().find('div.collapsible_inner').removeClass("expanded");  
			$(this).parent().find('div.collapsible_inner').addClass("collapsed").slideUp("medium");
			$(this).parent().removeClass("expandedPane");
			$(this).parent().addClass("collapsedPane");
			$(this).css("background", "#f6f6f6 url(images/onlineservices/btn_expanded.gif) no-repeat 642px 5px")
		}
	);
});