var theboxes = function(){
	var obj_option = $("select[title='Available Products']");
	var obj_nb_pd = $("legend:contains('Notebook Product Detail')").parent();
	var obj_nb_pe = $("legend:contains('Notebook Extras')").parent();
	var obj_pc_pd = $("legend:contains('PC Product Detail')").parent();
	var obj_pc_pe = $("legend:contains('PC Extras')").parent();
	
	switch(obj_option.val()){
		case '-':
			obj_nb_pd.hide();
			obj_nb_pe.hide();
			
			obj_pc_pd.hide();
			obj_pc_pe.hide();
			
			// $("input.sendbutton").attr('disabled', 'disabled');
			break;

		case 'notebook':
			obj_pc_pd.hide();
			obj_pc_pe.hide();
			
			// obj_pc_pd.hide("slide", { direction: "up" }, 1000);
			// obj_pc_pe.hide("slide", { direction: "up" }, 1000);
			
			obj_nb_pd.show();
			obj_nb_pe.show();
			// obj_nb_pd.show("slide", { direction: "down" }, 1000);
			// obj_nb_pe.show("slide", { direction: "down" }, 1000);
			
			// Try to disable all the children fields.
			obj_pc_pd.attr('id', 'alter2');
			obj_pc_pe.attr('id', 'alter3');
			
			$("#alter0 select").removeAttr('disabled');
			$("#alter0 input").removeAttr('disabled');
			$("#alter0 textarea").removeAttr('disabled');
			$("#alter1 select").removeAttr('disabled');
			$("#alter1 input").removeAttr('disabled');
			$("#alter1 textarea").removeAttr('disabled');
			
			$("#alter2 select").attr('disabled', 'disabled');
			$("#alter2 input").attr('disabled', 'disabled');
			$("#alter2 textarea").attr('disabled', 'disabled');
			$("#alter3 select").attr('disabled', 'disabled');
			$("#alter3 input").attr('disabled', 'disabled');
			$("#alter3 textarea").attr('disabled', 'disabled');
			
			// $("input.sendbutton").removeAttr('disabled');
			break;

		case 'pc':
			obj_nb_pd.hide();
			obj_nb_pe.hide();
			// obj_nb_pd.hide("slide", { direction: "up" }, 1000);
			// obj_nb_pe.hide("slide", { direction: "up" }, 1000);
			
			obj_pc_pd.show();
			obj_pc_pe.show();
			// obj_pc_pd.show("slide", { direction: "down" }, 1000);
			// obj_pc_pe.show("slide", { direction: "down" }, 1000);
			
			// Try to disable all the children fields.
			obj_nb_pd.attr('id', 'alter0');
			obj_nb_pe.attr('id', 'alter1');
			
			$("#alter0 select").attr('disabled', 'disabled');
			$("#alter0 input").attr('disabled', 'disabled');
			$("#alter0 textarea").attr('disabled', 'disabled');
			$("#alter1 select").attr('disabled', 'disabled');
			$("#alter1 input").attr('disabled', 'disabled');
			$("#alter1 textarea").attr('disabled', 'disabled');
			
			$("#alter2 select").removeAttr('disabled');
			$("#alter2 input").removeAttr('disabled');
			$("#alter2 textarea").removeAttr('disabled');
			$("#alter3 select").removeAttr('disabled');
			$("#alter3 input").removeAttr('disabled');
			$("#alter3 textarea").removeAttr('disabled');

			// $("input.sendbutton").removeAttr('disabled');
			break;
	}
}

jQuery(function(){
	$(document).ready(function(){
		
		// Get the objecst
		var obj_option = $("select[title='Available Products']");
		
		// CHECK THE SELECTED SUB FORM ELEMENT
		theboxes();
		
		// Monitor the changes.
		obj_option.change(function(){
			theboxes();
		});
		
	});
});