// JavaScript Document

//Code for show/hide dropdown menus
//For How do I dropdown
$(document).ready(function(){
	$('#IWantTo').change(function() {
		$('#taskContainer div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer div').hide();
	$('#taskContainer div#task0').show();
	
	$('#IWantTo1').change(function() {
		$('#taskContainer1 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer1 div').hide();
	$('#taskContainer1 div#sub1task0').show();
	
	$('#IWantTo2').change(function() {
		$('#taskContainer2 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer2 div').hide();
	$('#taskContainer2 div#sub2task0').show();
	
	$('#IWantTo3').change(function() {
		$('#taskContainer3 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer3 div').hide();
	$('#taskContainer3 div#sub3task0').show();
	
	$('#IWantTo4').change(function() {
		$('#taskContainer4 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer4 div').hide();
	$('#taskContainer4 div#sub4task0').show();
	
	$('#IWantTo5').change(function() {
		$('#taskContainer5 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer5 div').hide();
	$('#taskContainer5 div#sub5task0').show();
	
	$('#IWantTo6').change(function() {
		$('#taskContainer6 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer6 div').hide();
	$('#taskContainer6 div#sub6task0').show();
	
	$('#IWantTo7').change(function() {
		$('#taskContainer7 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer7 div').hide();
	$('#taskContainer7 div#sub7task0').show();
	
	$('#IWantTo8').change(function() {
		$('#taskContainer8 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer8 div').hide();
	$('#taskContainer8 div#sub8task0').show();
	
	$('#IWantTo9').change(function() {
		$('#taskContainer9 div').slideUp('slow'); // added a bit of animation
		var e = '#' + $(':selected', $(this)).attr('name');
		$(e).slideDown('slow'); // while we change the feed
	});
	$('#taskContainer9 div').hide();
	$('#taskContainer9 div#sub9task0').show();
});