/***********************************************************************************************************************
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 :(.
************************************************************************************************************************/


function ButtonClick (value) {
		
		//alert($(value).html());
		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
   		
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(value).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$(value).addClass('on');
			  
			//OPEN THE SLIDE
			$(value).next().slideDown('normal');
		 } 
		  
}


function SlideFirst () {
	
	
	var firstButton = $('.accordionButton:first');
	var firstContent = $('.accordionContent:first');
	
		
	//OPEN FIRST OBJECT BY DEFAULT
	$(firstButton).addClass('on');
	$(firstContent).slideDown('normal');	  
		
}


$(document).ready(function() {
	
	
	
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton').click(function() { ButtonClick (this) });
	
	/*** 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 ***/
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$('.accordionContent').hide();
	
	/*****************************************************
	THE ONE IS FOR THE ROLLOVER FADES
	*****************************************************/
	$(".menuTabs ul li").hover(function(){
		//$(this).fadeTo("slow", 0.5); // This sets the opacity to 100% on hover
		$(this).addClass('selectedTabClass');
		$(this.childNodes[0].childNodes[0]).addClass('selectedTabClassAHover');
		$(this).fadeTo("slow", 0.7);
		$('#selectedTab').fadeTo("fast", 1.0);
	},function(){
   		//$(this).fadeTo("slow", 1.0); // This sets the opacity back to 60% on mouseout
   		$(this).removeClass('selectedTabClass');
   		$(this.childNodes[0].childNodes[0]).removeClass('selectedTabClassAHover');
		$(this).fadeTo("slow", 1.0);
		$('#selectedTab').fadeTo("fast", 1.0);
	});
	


	/*****************************************************
	THE ONE IS FOR THE SUBNAV ROLLOVER FADES
	*****************************************************/

	$(".subMenuTabs ul li").hover(function(){
		$(this).addClass('selectedSubLink');
	},function(){
   		$(this).removeClass('selectedSubLink');
	});
	/* -- END DOCUMENT READY -- */
	
	//SLIDE FIRST ITEM OF THE NEWS
	SlideFirst();
	
});