/***********************************************************************************************************************
NOTE: Because of a bug in jQuery with IE8 we had to add an IE stylesheet hack to get the system to work in all browsers :P. I hate hacks but had no choice :(.
************************************************************************************************************************/
$(document).ready(function() {
	 
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton').mouseover(function() {
		$(this).addClass('on');
		$(this).addClass('over');
		$(this).next().slideDown('slow');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$('.accordionButton').removeClass('on');
		$(this).removeClass('over');
		$('.accordionContent').slideUp('slow');										
	});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	$('.accordionContent').hide();

});