$(function(){
  $("select#id_state").change(function(){
    $("#grade").hide('normal');
    $("#goal").hide('normal');
    $("#grade_title").css("color","#9d9d9d");
    $("#goal_title").css("color","#9d9d9d");

    $.getJSON("/qtaxon/grades/json/", {'stateID': $("select#id_state").val()}, function(j){
      var options = '<option value="-1">Select a grade...</option>';
      for (var i = 0; i < j.grades.length; i++) {
        options += '<option value="' + j.grades[i].id + '">' + j.grades[i].grade + '</option>';
      }
      $("select#id_grade").html(options);
      $("#grade").show('normal');
      $("#grade_title").css("color","#444444");
    });
  });
  $("select#id_grade").change(function(){
    $("#goal").hide('normal');
    $("#goal_title").css("color","#9d9d9d");
    $.getJSON("/qtaxon/goals/json/", {'stateID': $("select#id_state").val(),'gradeID':$(this).val()}, function(j){
      var options = '<option value="-1">Select an objective...</option>';
      for (var i = 0; i < j.goals.length; i++) {
        options += '<option value="' + j.goals[i].id + '">' + j.goals[i].code + '</option>';
      }
      $("select#id_goal").html(options);
      $("#goal").show('normal');
      $("#goal_title").css("color","#444444");
    });
  });
  $("select#id_goal").change(function(){
    window.location="/qtaxon/goal/" + $(this).val() + "/";
  })  
})