// JavaScript Document
  $(document).ready(function(){
    $("#tabs > ul").tabs();
	$(".accordion_body").hide();
	$(".div.accordion_header").removeClass("active");
	$("div.accordion_header").click(function() {	
	 	$(this).toggleClass('active');
		$(this).next("div.accordion_body").slideToggle("normal").siblings("div.accordion_body").slideUp("normal");		
		$(this).siblings("div.accordion_header").removeClass("active");
	});
	
	//Code for show/hide dropdown menus

	//For DDC How do I dropdown
		$('#IWantTo').change(function() {
    	$('#taskContainer div').hide('slow');            // added a bit of animation
    	var e = '#' + $(':selected', $(this)).attr('name');
    	$(e).show('slow');                             // while we change the feed
		});

		$('#taskContainer div').hide();
	
		//For AMC How do I dropdown
		$('#IWantToAMC').change(function() {
    	$('#taskContainerAMC div').hide('slow');            // added a bit of animation
    	var e = '#' + $(':selected', $(this)).attr('name');
    	$(e).show('slow');                             // while we change the feed
		});

		$('#taskContainerAMC div').hide();	
		
		//for academic calendar DDC dropdown
		$('#calendarDDC').change(function() {
    	$('#containerDDC div').hide('slow');            // added a bit of animation
    	var e = '#' + $(':selected', $(this)).attr('name');
    	$(e).show('slow');                             // while we change the feed
		});

		$('#containerDDC div').hide();
	
		//for academic calendar AMC dropdown
		$('#calendarAMC').change(function() {
    	$('#containerAMC div').hide('slow');            // added a bit of animation
    	var e = '#' + $(':selected', $(this)).attr('name');
    	$(e).show('slow');                             // while we change the feed
		});

		$('#containerAMC div').hide();	


  });