// This is accompaniment code to jquery. It basically does 2 things: It animates the show/hide for each div and manages the toggle state of each icon/step.

$(document).ready(function(){
	$('.qualification').hide();
	$('.discovery').hide();
	$('.forms_completion').hide();
	$('.quality_review').hide();
	$('.delivery').hide();
	$('.filing').hide();
	$('.ruling').hide();
	$('.clearing').hide();
	$('.eligibility').hide();
	$('.my_account').hide();
	
		$('#qualification').click(function(){
		$('.qualification').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.qualification')
				.css("display", "block")
		$("#enrollment_process li").not("#qualification").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#discovery').click(function(){
		$('.discovery').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.discovery')
				.css("display", "block")
		$("#enrollment_process li").not("#discovery").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#forms_completion').click(function(){
		$('.forms_completion').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.forms_completion')
				.css("display", "block")
		$("#enrollment_process li").not("#forms_completion").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#quality_review').click(function(){
		$('.quality_review').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.quality_review')
				.css("display", "block")
		$("#enrollment_process li").not("#quality_review").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#delivery').click(function(){
		$('.delivery').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.delivery')
				.css("display", "block")
		$("#enrollment_process li").not("#delivery").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#filing').click(function(){
		$('.filing').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.filing')
				.css("display", "block")
		$("#enrollment_process li").not("#filing").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#ruling').click(function(){
		$('.ruling').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.ruling')
				.css("display", "block")
		$("#enrollment_process li").not("#ruling").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#clearing').click(function(){
		$('.clearing').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.clearing')
				.css("display", "block")
		$("#enrollment_process li").not("#clearing").removeClass("selected")
		$(this).toggleClass("selected");
		});

		$('#eligibility').click(function(){
		$('.eligibility').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.eligibility')
				.css("display", "block")
		$("#enrollment_process li").not("#eligibility").removeClass("selected")
		$(this).toggleClass("selected");
		});
		
		$('#my_account').click(function(){
		$('.my_account').slideToggle();
		$('#enrollment_process div').css("display", "none")
				.filter('.my_account')
				.css("display", "block")
		$("#enrollment_process li").not("#my_account").removeClass("selected")
		$(this).toggleClass("selected");
		});

		$("#enrollment_boxes span").click(function() {
		  $(this).next("div").slideToggle('slow')
		  .siblings("div:visible").slideUp('slow');
		  $(this).toggleClass('active');
		  $(this).siblings("#enrollment_boxes span").removeClass('active');
		});
		
});