// JavaScript Document

$(function()
{
		   $('#instruction_1_open').hide();
	
		   var clicked = false;
		   var speedVar = 500;
		   var blackClicked = false;
		   
		   $('.acc-content').css("display", "none"); //DISPLAY NONE TO EVERYTHING WITH THE CLASS .ACC-CONTENT
		   
		   //var hash=location.hash; //FIND HASH/ANCHOR IN URL
		   
			/* IF HASH/ANCHOR EXISTS IN URL, SCROLL AND OPEN THE PANEL */
			//if (hash){
				//var loc=$(hash).parent('div').find('.acc-content');
				//$.scrollTo(loc, 0);
				//$(hash).parent('div').find('.acc-content').slideToggle(600);
			//}
			
			/* IF ANYTHING WITH THE CLASS .ACC-TITLE IS CLICKED, FIND IT'S PARENT DIV AND THE CONTAINING .ACC-CONTENT AND SLIDE IT UP */
		   $('.acc-title').click(function(){
					$(this).parent('div').find('.acc-content').slideToggle(600);
											});
		   
		   $('#detailedlink').click(function(){
					if(blackClicked == false)
					{
						$('.instruction').removeClass("headerYellow");
						$('.instructionon').removeClass("headerYellow");
						$('.instruction').addClass("headerBlack");
						$('.instructionon').addClass("headerBlack");
						blackClicked = true;
					}
					else
					{
						$('.instruction').removeClass("headerBlack");
						$('.instructionon').removeClass("headerBlack");
						$('.instruction').addClass("headerYellow");
						$('.instructionon').addClass("headerYellow");
						blackClicked = false
					}
					if(clicked == true)
					{
						 $.scrollTo('0px', speedVar);
					}
					$('#instruction_1_open').slideToggle(speedVar, function(){
																	   if(clicked == true)
																	   {
																		   clicked = false;
																		   $.scrollTo('520px', speedVar);	
																	   }
																	   else
																	   {
																		   $.scrollTo('#instruction_1', speedVar);
																		   clicked = true;
																	   }
																	   
																	   });	
					$.scrollTo('#instruction_1_open', 0);
											});
		   
		   
		   $('#instruction_1').click(function(){
					if(blackClicked == false)
					{
						$('.instruction').removeClass("headerYellow");
						$('.instructionon').removeClass("headerYellow");
						$('.instruction').addClass("headerBlack");
						$('.instructionon').addClass("headerBlack");
						blackClicked = true;
					}
					else
					{
						$('.instruction').removeClass("headerBlack");
						$('.instructionon').removeClass("headerBlack");
						$('.instruction').addClass("headerYellow");
						$('.instructionon').addClass("headerYellow");
						blackClicked = false
					}
					if(clicked == true)
					{
						$.scrollTo('520px', speedVar);	
					}
					$('#instruction_1_open').slideToggle(speedVar, function(){
																	   if(clicked == true)
																	   {
																		   clicked = false;
																	   }
																	   else
																	   {
																		   $.scrollTo('#instruction_1', speedVar);
																		   clicked = true;
																	   }
																	   
																	   });		  

											});
		  
		   $('.orangetitle a').click(function(){
					if(blackClicked == false)
					{
						$('.instruction').removeClass("headerYellow");
						$('.instructionon').removeClass("headerYellow");
						$('.instruction').addClass("headerBlack");
						$('.instructionon').addClass("headerBlack");
						blackClicked = true;
					}
					else
					{
						$('.instruction').removeClass("headerBlack");
						$('.instructionon').removeClass("headerBlack");
						$('.instruction').addClass("headerYellow");
						$('.instructionon').addClass("headerYellow");
						blackClicked = false
					}
					if(clicked == true)
					{
						$.scrollTo('520px', speedVar);	
					}
					$('#instruction_1_open').slideToggle(speedVar, function(){
																	   if(clicked == true)
																	   {
																		   clicked = false;
																	   }
																	   else
																	   {
																		   $.scrollTo('#instruction_1', speedVar);
																		   clicked = true;
																	   }
																	   
																	   });
											});
		   
});