/***********************************************************************************************************************
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 :(.
************************************************************************************************************************/
$j(document).ready(function() {
	 
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$j('.accordionButton').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$j('.accordionButton').removeClass('accordion_on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$j('.accordionContent').slideUp('normal');
   
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($j(this).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$j(this).addClass('accordion_on');
			  
			//OPEN THE SLIDE
			$j(this).next().slideDown('normal');
		 } 
		  
	 });
	  
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$j('.accordionButton').mouseover(function() {
		$j(this).addClass('accordion_over');
		
		//ON MOUSEOUT REMOVE THE OVER CLASS
		}).mouseout(function() {
			$j(this).removeClass('accordion_over');										
			});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$j('.accordionContent').hide();
	
	/********************************************************************************************************************
	OPENS THE DIV THAT IS ASSIGNED WITH THE ID open
	********************************************************************************************************************/	
	$j("#open").trigger('click');

});