/***********************************************************************************************************************
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)
	
	$('.STYLE-accToggler').each(function(){
	  
	  var origObj = $(this).parent().find('.STYLE-accContent')	  
	  var origHeight = origObj.css('height');
	  
  	$(this).click(function() {
            
  		//REMOVE THE ON CLASS FROM ALL BUTTONS
		  
  		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
   
  		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
  		if(origObj.css('height') == '0px') {
  		  
  		  $('.STYLE-accIndicator').removeClass('STYLE-accActive');
  		  
  		  $('.STYLE-accContent').stop().animate({height: 0},300);
  		  
  			//ADD THE ON CLASS TO THE BUTTON
  			$(this).find('.STYLE-accIndicator').addClass('STYLE-accActive');
			  
  			//OPEN THE SLIDE
  			origObj.stop().animate({height: origHeight},300);
  		} 
		  
  	 });
  	 
	 });
	  
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$('.STYLE-accContent').css("height",0);

});