/***********************************************************************************************************************
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)
	$('.accordionButton_1').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_1');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	  

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

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_2');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	 
//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton_3').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_3');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	 
//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton_4').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_4');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	 
//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton_5').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_5');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	 
//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton_6').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_6');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	 
//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton_7').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton_1').removeClass('on_1');
		$('.accordionButton_2').removeClass('on_2');
		$('.accordionButton_3').removeClass('on_3');
		$('.accordionButton_4').removeClass('on_4');
		$('.accordionButton_5').removeClass('on_5');
		$('.accordionButton_6').removeClass('on_6');
		$('.accordionButton_7').removeClass('on_7');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent_1').slideUp('normal');
		$('.accordionContent_2').slideUp('normal');
		$('.accordionContent_3').slideUp('normal');
		$('.accordionContent_4').slideUp('normal');
		$('.accordionContent_5').slideUp('normal');
		$('.accordionContent_6').slideUp('normal');
		$('.accordionContent_7').slideUp('normal');
   
		//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_7');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton_1').mouseover(function() {
		$(this).addClass('over_1');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_1');										
	});
	
	$('.accordionButton_2').mouseover(function() {
		$(this).addClass('over_2');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_2');										
	});
	
	$('.accordionButton_3').mouseover(function() {
		$(this).addClass('over_3');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_3');										
	});
	
	$('.accordionButton_4').mouseover(function() {
		$(this).addClass('over_4');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_4');										
	});
	
	$('.accordionButton_5').mouseover(function() {
		$(this).addClass('over_5');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_5');										
	});
	
	$('.accordionButton_6').mouseover(function() {
		$(this).addClass('over_6');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_6');										
	});
	
	$('.accordionButton_7').mouseover(function() {
		$(this).addClass('over_7');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over_7');										
	});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$('.accordionContent_2').hide();
	$('.accordionContent_3').hide();
	$('.accordionContent_4').hide();
	$('.accordionContent_5').hide();
	$('.accordionContent_6').hide();
	$('.accordionContent_7').hide();

});