var num_questions = 24;

$(function(){
	for (var i = 0; i < num_questions; i++) {
	    $("#q" + i).click(onClickQuestion);
	    $("#a" + i + " .close-link").click(onClickAnswerClose);
	}
});

function onClickQuestion() {
	var selected_num = $(this).attr("id").substr(1);
	showByIndex(selected_num);
}

function onClickAnswerClose() {
	var selected_num = $(this).parent().attr("id").substr(1);
	hideByIndex(selected_num);
}

function showByIndex(index) {
	for (var i = 0; i < num_questions; i++) {
		if (i == index) {
			$("#a" + i).animate({ top: "55px" }, 630, "easeOutQuart");
		} else {
			hideByIndex(i);
		}
	}
}

function hideByIndex(index) {
	$("#a" + index).animate({ top: "504px" }, 250, "easeInQuart");
}

jQuery.extend(jQuery.easing, {
  easeOutQuart: function (x, t, b, c, d) {
    return -c * ((t=t/d-1)*t*t*t - 1) + b;
  },
  easeInQuart: function (x, t, b, c, d) {
    return c*(t/=d)*t*t*t + b;
  }
});