/***********************************************************************************************************************
DOCUMENT: includes/javascript.js
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 3/26/2009
UPDATED: 3/25/2010
DESCRIPTION: This is the JavaScript required to create the accordion style menu.  Requires jQuery library
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. I hate hacks but had no choice :(.
************************************************************************************************************************/
$(document).ready(function() {
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton1').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		  });

		$('.accordionButton2').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		 });
		  
		 $('.accordionButton3').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		  });
		 $('.accordionButton4').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		  });
		 $('.accordionButton5').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
	 });
	 $('.accordionButton6').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		  });
		  $('.accordionButton7').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		  });
	  $('.accordionButton8').click(function() {
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton1').removeClass('on');
		 	$('.accordionContent1').slideUp('normal');
		$('.accordionButton2').removeClass('on');
		 	$('.accordionContent2').slideUp('normal');
		$('.accordionButton3').removeClass('on');
		 	$('.accordionContent3').slideUp('normal');
		$('.accordionButton4').removeClass('on');
		 	$('.accordionContent4').slideUp('normal');
		$('.accordionButton5').removeClass('on');
		 	$('.accordionContent5').slideUp('normal');
		if($(this).next().is(':hidden') == true) {
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 }
		  });
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton1').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	$('.accordionButton2').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	$('.accordionButton3').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	$('.accordionButton4').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	$('.accordionButton5').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	$('.accordionButton6').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
		$('.accordionButton7').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
		
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	

});