$(document).ready(function() {

	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.faqQuestionWrapper').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.faqQuestionOn').removeClass('faqQuestionOn');

		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES AND SPACERS
	 	$('.faqAnswerWrapper').slideUp('normal');
	 	$('.faqSpacerJS').slideUp('normal');

	 	//REMOVE THE CLASS THAT IMPLIES THE MINUS SIGN FROM ALL HEADERS AND ADD THE BASE-CLASS IMPLYING THE PLUS SIGN
	 	$('.faqJSMinus').addClass('faqJS');
	 	$('.faqJSMinus').removeClass('faqJSMinus');

		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next('.faqAnswerWrapper').is(':hidden') == true) {

			//ADD THE ON CLASS TO THE HEADER
			$(this).addClass('faqQuestionOn');

			//OPEN THE TOP-SPACER AND OPEN THE SLIDE
			$(this).prev('.faqSpacerJS').slideDown('normal');
			$(this).next('.faqAnswerWrapper').slideDown('normal');

			//REPLACE + SIGN CLASS WITH - SIGN CLASS
			$(this).children('.faqJS').addClass('faqJSMinus');
			$(this).children('.faqJS').removeClass('faqJS');
		 }

	 });


	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER
	$('.faqQuestionWrapper').mouseover(function() {
		$(this).addClass('faqQuestionOver');

	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('faqQuestionOver');
	});


	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/


	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/
	$('.faqAnswerWrapper').hide();

	//REPLACE QUESTIONWRAPPER CLASS WITH QUESTIONWRAPPERJS CLASS IF JAVASCRIPT IS ENABLED
	$('.faqQuestionWrapper').addClass('faqQuestionWrapperJS');
	$('.faqQuestionWrapper').removeClass('faqQuestionWrapper');

	//REPLACE FAQ CLASS WITH FAQJS CLASS IF JAVASCRIPT IS ENABLED
	$('.faq').addClass('faqJS');
	$('.faq').removeClass('faq');

	//REPLACE SPACER CLASS WITH SPACERJS CLASS IF JAVASCRIPT IS ENABLED
	$('.faqSpacer').addClass('faqSpacerJS');
	$('.faqSpacer').removeClass('faqSpacer');

	//HIDE ALL SPACERS
	$('.faqSpacerJS').hide();
	
	//ADD SCROLLBAR TO PREVENT BUGGY LAYOUT IN INTERNET EXPLORER
	$('html').css({'overflow-y': 'scroll'});
});