var $j = jQuery.noConflict();

$j(function(){
	
	/**
	 * The Expand / Collapse FAQ Section
	 */
	//Hide all the FAQ answeres by default
	$j('div.faqContent').hide();
	//Set the margin on the bottom of the questions
	$j('div.faqQuestion h4').css({'marginBottom':'14px'});
	//Add the expand / collapse links
	var expandCollapseHTML = '<span class="expandCollapse expand">View answer</span>';
	$j('div.faqQuestion h4').append(expandCollapseHTML);
	
	$j('span.expandCollapse').toggle(
		function(){
			//Show the selected content
			$j(this).parent().parent().find('div.faqContent').show();
			$j(this).removeClass('expand');
			$j(this).text("Hide answer");
		},
		function(){
			//Hide the selected content
			$j(this).parent().parent().find('div.faqContent').hide();
			$j(this).addClass('expand');
			$j(this).text("View answer");
		});

});