/*jslint white: false, nomen: true, devel: true, on: true, debug: false, evil: true, onevar: false, browser: true, white: false, indent: 2 */
/*global window, $, $$, Reporting, Effect, Ajax, selectAllOptions, moveOptions, moveOptionUp, moveOptionDown */

Reporting.GroupBys = {
  attach_move_button: function (direction) {
    var btn = $$(".buttons.group_by.move.move" + direction)[0];

    var axis;
    if (direction === "Up" || direction === "Down") {
      axis = "columns";
    } else if (direction === "Left" || direction === "Right") {
      axis = "rows";
    }

    var selected_container = $(btn.form).select("#group_by_" + axis)[0];
    var group_by_container = btn.form.group_by_container;

    var source_container, target_container;
    if (direction === "Down" || direction === "Right") {
      source_container = selected_container;
      target_container = group_by_container;
    } else if (direction === "Up" || direction === "Left") {
      target_container = selected_container;
      source_container = group_by_container;
    }

    btn.observe("click", function () {
      moveOptions(source_container, target_container);
    });
  },

  attach_sort_button: function (direction, axis) {
    var btn = $$(".buttons.group_by.sort.sort" + direction + ".sort-" + axis)[0];
    var box = $(btn.form).select("#group_by_" + axis)[0];
    btn.observe("click", function () {
      if (direction === "Up") {
        moveOptionUp(box);
      } else {
        moveOptionDown(box);
      }
    });
  },

  clear: function () {
    ['group_by_columns', 'group_by_rows'].each(function (type) {
      selectAllOptions(type);
      moveOptions(type, 'group_by_container');
    });
  }
};

Reporting.onload(function () {
  ["Left", "Right", "Up", "Down"].each(function (dir) {
    Reporting.GroupBys.attach_move_button(dir);
  });
  ["Up", "Down"].each(function (dir) {
    ["rows", "columns"].each(function (axis) {
      Reporting.GroupBys.attach_sort_button(dir, axis);
    });
  });
});