$(document).ready(function() {
	
	 
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.toggle').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.toggle').removeClass('on');
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.toggler').animate({
				height: 'hide'
		}, { duration: 400, queue: false });


		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().animate({
				height: 'show'
			}, 800, 'easeOutExpo');

		}
	 });
	 
	 
		$('.ga_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#669933' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888'	}, 800);
			}
		});
		$('.pusha_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#0f71b4' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888' }, 800);
			}
		});
		$('.kc_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#c61b5f' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888' }, 800);
			}
		});
		$('.wobis_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#8cc63e' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888' }, 800);
			}
		});
		$('.brun_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#a39880' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888' }, 800);
			}
		});
		$('.rv_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#ffa928' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888' }, 800);
			}
		});
		$('.form_banner').click(function() {
			if($(this).hasClass("on")) { 
				$('body').animate({ backgroundColor: '#F95337' }, 800);
			} else {
				$('body').animate({ backgroundColor: '#888' }, 800);
			}
		});

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

});