$(document).ready(function() {

  var selector = 0;

  $(".change_answer_link").click(function(e) {
    var option_id = this.rel;
//    alert("option_id: " + option_id);

    $("#answer" + option_id).hide();
    $("#options" + option_id).show();

//    $.get('/wishes/item_remove/' + user_id + '/' + product_id, function(data) {
//      $('#wish_' + product_id).remove();
//      alert('Item removed from your wish list.');
//    });
    e.preventDefault();
  });

  $("#addSelector").click(function(e) {
    var newnum = selector+2;
//    alert("newnum: " + newnum);
    var clone_selector = "<div id='selector" + (selector+2) + "'>" + $("#selector1").html() + "</div>";

    $(clone_selector).clone().appendTo("#selectors_container");
    $("#selector" + newnum).attr('class', 'selector');
    $("#selector" + newnum + " #category_box1").attr('id', 'category_box' + newnum);
    $("#selector" + newnum + " #question_box1").attr('id', 'question_box' + newnum);
    $("#selector" + newnum + " #option_box1").attr('id', 'option_box' + newnum);
    $("#category_box" + newnum + " select").attr('id', 'category' + newnum);
    $("#category_box" + newnum + " select").attr('name', 'data[surveyadmin][' + (newnum-1) + '][category]');
    $("#category" + newnum).bind('change', function() {
      create_question(newnum);
    });
    selector++;


    e.preventDefault();
  });

  // initialize the first category dropdown
  $("#selector").clone().appendTo("#selectors_container");
  $("#selectors_container div").removeClass('category_hidden');
  $("#selector").attr('id', 'selector1');
  $("#selector1 select").attr('id', 'category1');
  $("#category1").bind('change', function() {
    create_question(1);
  });

  function create_question(num) {
    var question_set = $("#category" + num).val();
    var replace_set = $("#question" + question_set);
    $("#question_box" + num).html("");
    $(replace_set).clone().appendTo("#question_box" + num);
    $("#question_box" + num + " div").attr('id', 'question_set' + num);
    $("#question_set" + num).removeClass('question_hidden');
    $("#question_set" + num + " select").attr('name', 'data[surveyadmin][' + (num-1) + '][question_id]');
    $("#question_set" + num + " select").attr('id', 'questions' + num);
    $('#questions' + num).bind('change', function() {
      var selected_question = this.value;
      $.get("/Surveyadmin/get_options/" + selected_question, {cache: false }, function(response) {
        if(response) {
          // success
          $("#option_box" + num).html(response);
          var inputName = $("#option_box" + num + " > div > #answer");
//          alert("rel: " + inputName);
          $(inputName).attr('name', 'data[surveyadmin][' + (num-1) + '][answer_text]');
          if($(inputName).attr('rel') == 't') {
            $('<input type="hidden" name="data[surveyadmin][' + (num-1) + '][t]" value="t" />').appendTo($("#option_box" + num + " > div"));
          } else {
            $('<input type="hidden" name="data[surveyadmin][' + (num-1) + '][t]" value="s" />').appendTo($("#option_box" + num + " > div"));
          }
        } else {
          // fail
          alert("ERROR: Could not grab questions");
        }
      });
    });
  }


// Closing jQuery
});