/***********************************************************************************************************************
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(){
	
//Set default open/close settings
$('.accordionContent').hide(); //Hide/close all containers

	
//On Click
$('.accordionButton').click(function(){
	if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
		$('.accordionButton').removeClass('active').next().slideUp(); //Remove all .accordionButton classes and slide up the immediate next container
		$(this).toggleClass('active').next().slideDown(); //Add .accordionButton class to clicked trigger and slide down the immediate next container
		
	}
	
});	
	
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	
	$('.accordionButton').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

	$('#open').click(function () {
		$('.accordionButton').eq(2).click();
	});


	/********************************************************************************************************************

	OPENS THE DIV THAT IS ASSIGNED WITH THE ID open

	********************************************************************************************************************/	

		

});