/***********************************************************************************************************************
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() {
						   
	bgImageTotal=3;
	randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
	imgPath=('images/bg'+randomNumber+'.jpg');
	$('body').css('background-image', ('url("'+imgPath+'")'));
	
	
	$('#neuro').hide();
	$('#ortho').hide();
	$('#spine').hide();
	$('#balance').hide();
	$('#gait').hide();
	$('#wheelchair').hide();
	$('#orthotics').hide();
	$('#home').hide();
	$('#other').hide();

	$('#approach').hide();
	
	$('#success').hide();

	$('#teamhome').hide();
	$('#miriam').hide();
	$('#carla').hide();
	$('#marcie').hide();
	$('#jessica').hide();
	$('#rebeca').hide();
	$('#sarah').hide();
	$('#administrative').hide();

	$('#FES').hide();
	$('#standing').hide();
	$('#biodex').hide();
	$('#universal').hide();
	$('#totalgym').hide();
	$('#wii').hide();
	$('#stairs').hide();
	$('#bioness').hide();
	$('#modalities').hide();
	
	
	
	
		$(".accordionButton img").hover(function() {
			if($(this).parent().next().is(':hidden') == true) {									 
				//var src = $(this).attr("src").match(/[^\.]+/) + "-over.jpg";
				this.src = this.src.replace(".jpg","-over.jpg");
				$(this).attr("src", src);
			}
			
		 },
		 function(){
		  	if($(this).parent().next().is(':hidden') == true) {									 
			
		  		this.src = this.src.replace("-over","");
		  	}
		  }
		);
	

	$('.close').click(function(){

			/*** THIS SECTION CHANGES MAIN IMAGE WHEN GOING INTO SUB-SECTIONS
				  ALSO SHOWS AND HIDES SUBSECTION CONTENT ***/
			$(".aselected").removeClass("aselected");				  
			$(this).attr('class', "aselected");
			

			//WHY MIAMI PTA SECTION 
//	$('.close').removeClass("aselected");
	
			$('#whymiamipta').hide();
			$('#approach').hide();
			
			if($(this).attr("id") == "whymiamiptaclick") {
				$('#whymiamipta').show('');	
				var src = "images/main-whymiami.jpg";
		        $('#classwhy').attr("src", src);
				$('#whymiamiptaclick').attr("class", "aselected");
				

				
				return false;

			}
			if($(this).attr("id") == "approachclick") {
				$('#approach').show('');	
				var src = "images/main-ourapproach.jpg";
		        $('#classwhy').attr("src", src);
				$('#approachclick').attr("class", "aselected");
				
				return false;

			}

			//SERVICES SECTION 
			
			$('#serviceshome').hide();
			$('#neuro').hide();
			$('#ortho').hide();
			$('#spine').hide();
			$('#balance').hide();
			$('#gait').hide();
			$('#wheelchair').hide();
			$('#orthotics').hide();
			$('#home').hide();
			$('#other').hide();
		
			if($(this).attr("id") == "neuroclick") {
				$('#neuro').show('');	
				var src = "images/main-services-neuro.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "orthoclick") {
				$('#ortho').show('');	
				var src = "images/main-services-ortho.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "spineclick") {
				$('#spine').show('');	
				var src = "images/main-services-spine.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "balanceclick") {
				$('#balance').show('');	
				var src = "images/main-services-balance.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "gaitclick") {
				$('#gait').show('');
				var src = "images/main-services-gait.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "wheelchairclick") {
				$('#wheelchair').show('');	
				var src = "images/main-services-wheel.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "orthoticsclick") {
				$('#orthotics').show('');
				var src = "images/main-services-orthotics.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "homeclick") {
				$('#home').show('');	
				var src = "images/main-services-homesection.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "otherclick") {
				$('#other').show('');	
				var src = "images/main-services-other.jpg";
		        $('#classservices').attr("src", src);
				return false;

			}
			
			//EQUIPMENT SECTION
			
			$('#locomot').hide();
			$('#FES').hide();
			$('#standing').hide();
			$('#biodex').hide();
			$('#universal').hide();
			$('#totalgym').hide();
			$('#wii').hide();
			$('#stairs').hide();
			$('#bioness').hide();
			$('#modalities').hide();
			
			if($(this).attr("id") == "locomotclick") {
				$('#locomot').show('');	
				var src = "images/main-equipment-locomot.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "FESclick") {
				$('#FES').show('');	
				var src = "images/main-equipment-FES.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "standingclick") {
				$('#standing').show('');	
				var src = "images/main-equipment-standing.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "biodexclick") {
				$('#biodex').show('');	
				var src = "images/main-equipment-biodex.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "universalclick") {
				$('#universal').show('');	
				var src = "images/main-equipment-universal.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "totalgymclick") {
				$('#totalgym').show('');	
				var src = "images/main-equipment-totalgym.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "wiiclick") {
				$('#wii').show('');	
				var src = "images/main-equipment-wii.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "stairsclick") {
				$('#stairs').show('');	
				var src = "images/main-equipment-stairs.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "bionessclick") {
				$('#bioness').show('');	
				var src = "images/main-equipment-bioness.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "modalitiesclick") {
				$('#modalities').show('');	
				var src = "images/main-equipment-modalities.jpg";
		        $('#classequipment').attr("src", src);
				return false;

			}
			
			//TEAM SECTION
			
			$('#teamhome').hide();
			$('#robin').hide();
			$('#miriam').hide();
			$('#carla').hide();
			$('#marcie').hide();
			$('#jessica').hide();
			$('#rebeca').hide();
			$('#sarah').hide();
			$('#administrative').hide();
			
			if($(this).attr("id") == "robinclick") {
				$('#robin').show('');	
				var src = "images/main-team-robin.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "miriamclick") {
				$('#miriam').show('');	
				var src = "images/main-team-miriam.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "carlaclick") {
				$('#carla').show('');	
				var src = "images/main-team-carla.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "marcieclick") {
				$('#marcie').show('');	
				var src = "images/main-team-marcie.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "sarahclick") {
				$('#sarah').show('');	
				var src = "images/main-team-sarah.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "jessicaclick") {
				$('#jessica').show('');	
				var src = "images/main-team-jessica.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "rebecaclick") {
				$('#rebeca').show('');	
				var src = "images/main-team-rebeca.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "administrativeclick") {
				$('#administrative').show('');	
				var src = "images/main-team-administrative.jpg";
		        $('#classteam').attr("src", src);
				return false;

			}
			
			//CLIENTS SECTION 
			
			$('#visitor').hide();
			$('#success').hide();

			if($(this).attr("id") == "visitorclick") {
				$('#visitor').show('');	
				var src = "images/main-client-visitor.jpg";
		        $('#classclient').attr("src", src);
				return false;

			}
			if($(this).attr("id") == "successclick") {
				$('#success').show('');	
				var src = "images/main-client-success.jpg";
		        $('#classclient').attr("src", src);
				return false;

			}
	})
	


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

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		
		$(".aselected").removeClass("aselected");
		
		var src = $(this).children("img").attr("src").replace("-over", "");
        $(this).children("img").attr("src", src);
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
	
		//CHANGE ALL TITLE IMAGES TO DEFAULT
		$('.imgwhy').attr("src", "images/menu-why.jpg");
		$('.imgservices').attr("src", "images/menu-services.jpg");
		$('.imgequipment').attr("src", "images/menu-equipment.jpg");
		$('.imgteam').attr("src", "images/menu-team.jpg");
		$('.imgclients').attr("src", "images/menu-clients.jpg");
		$('.imgcontact').attr("src", "images/menu-contact.jpg");
		
		//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');
			
			//CHANGE BUTTON IMAGE
			var src = $(this).children("img").attr("src").match(/[^\.]+/) + "-on.jpg";
            $(this).children("img").attr("src", src);
		
  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
			
			//SLIDE TO TITLE
			var tid = $(this).children("img").attr("id");
			var yvar
			switch(tid)
			{
				case "why": yvar = 232;
		        $('#classwhy').attr("src", "images/main-whymiami.jpg");
				$("#whymiamiptaclick").attr('class', "aselected");
				$('#whymiamipta').show('');
				break;
				case "services": yvar= 308;
				 $('#classservices').attr("src", "images/main-services-home.jpg");
				$('#serviceshome').show('');
				break;
				case "equipment": yvar= 385;
				$('#classequipment').attr("src", "images/main-equipment-locomot.jpg");
				$("#locomotclick").attr('class', "aselected");
				$('#locomot').show('');
				break;
				case "team": yvar= 462;
				$('#classteam').attr("src", "images/main-team-robin.jpg");
				$("#robinclick").attr('class', "aselected");
				$('#robin').show('');
				break;
				case "clients": yvar= 539;
				$('#classclient').attr("src", "images/main-client-visitor.jpg");
				$("#visitorclick").attr('class', "aselected");
				$('#visitor').show('');
				break;
				case "contact": yvar= 616;
				$('#contact').show('');
				break;
				default: yvar =0;
			}
			
			$('html,body').animate({scrollTop: yvar},'slow');
			
		 }else{
			$('html,body').animate({scrollTop: $("#top").offset().top},'slow'); 
		 }
	  
	 });
	  
	
	/*** 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();

});