// JavaScript Document

$("#questions").empty();
$("#categories").hide();
$("#contactUs").hide();
$("#idCategory").empty();
$("#idCategory").append("<option value='-1'>&lt;category&gt;</option>");
$("#contactUs").hide();

$("#idFamily").change(function(){$.getJSON('./ajax/listCategories.jsp?' + $('#contact form').serialize(), function(data) {relaunchCategories(data);});});
$("#idCategory").change(function(){$.getJSON('./ajax/listQuestions.jsp?' + $('#contact form').serialize(), function(data) {relaunchQuestions(data);});});

function relaunchCategories(data) {
	$("#idCategory").empty();
	$("#categories").show();
	$("#idCategory").append("<option value='-1'>&lt;category&gt;</option>");

	$.each(data, function(i, val) {
	  if (val != "")
		$("#idCategory").append("<option value='" + i + "'>"+ val +"</option>");						
	});
}

function relaunchQuestions(data) {
	$("#questions").empty();
	$("#questions").append("<hr/>");
	$.each(data, function(i, val) {
      if (val != "")
		$("#questions").append("<h4>" + i + "</h4><p>"+ val +"</p>");						
	});
	$("#contactUs").show();
	$("#questions p").hide();
	$("#questions h4").click(function() {$(this).next("p").slideToggle();});
	$("#contact2link").attr("href", "./contact2.jsp?" + $("#idCategory").serialize());
	$("#contact2linkFr").attr("href", "./contact2Fr.jsp?" + $("#idCategory").serialize());
							
}