var subgroup;
var filter_req;

var showAll = function(err) {
  // if they cancelled, then just don't change anything:
  if (err instanceof CancelledError) { return }
    toggleMessage('none');

  var testbox = document.getElementById("subgroup_id");
  for (var i=0; i<testbox.options.length; i++) {
    var option = testbox.options[i];
    option.style.display = '';
  }
  enableForm(formName);
};

var doFilterList = function(req) {
  var subgroups = req.responseText.split("\n");
  var subgroupbox = document.getElementById("subgroup_id");
  var alreadySeen = new Object;
  for (var i=0; i<subgroupbox.options.length; i++) {
    var subgroup = subgroupbox.options[i];
    var hide = 0;
    var id = subgroup.value;
    if (alreadySeen[id]) {
      hide = 1;
    } else {
      alreadySeen[id] = 1;
      if (subgroups.indexOf(id) == -1) {
        hide = 1;
      }
    }
    hide == 1 ? subgroup.style.display = 'none' : subgroup.style.display = '';
  }
  toggleMessage('none');
  enableForm(formName);
  disableModeButtons();
};

// filter the list by various criteria:
function filterList() {
  // they just changed the selection, so cancel any pending filter actions:
  if (filter_req instanceof Deferred && filter_req.fired == -1)
  filter_req.cancel();

  disableForm(formName);
  var productfilter = document.getElementById('product_filter');
  var branchfilter = document.getElementById('branch_filter');
  var testgroupfilter = document.getElementById('testgroup_filter');

  if (productfilter.options[productfilter.selectedIndex].value == '' &&
      branchfilter.options[branchfilter.selectedIndex].value == '' &&
      testgroupfilter.options[testgroupfilter.selectedIndex].value == '') {
    // nothing to do here
    showAll();
    return;
  }

  toggleMessage('loading','Filtering subgroup list...');
  filter_req = doSimpleXMLHttpRequest('manage_subgroups.cgi', {
    searchSubgroupList: 1,
    product: (productfilter.options[productfilter.selectedIndex].value == '' ?
    '' : productfilter.options[productfilter.selectedIndex].value),
    branch: (branchfilter.options[branchfilter.selectedIndex].value == '' ?
    '' : branchfilter.options[branchfilter.selectedIndex].value),
    testgroup: (testgroupfilter.options[testgroupfilter.selectedIndex].value == '' ? 
    '' : testgroupfilter.options[testgroupfilter.selectedIndex].value)
  });
  // if something went wrong, just show all the tests:
  filter_req.addErrback(showAll);
  filter_req.addCallback(doFilterList);
}

function enableModeButtons() {
  document.getElementById("edit_subgroup_button").disabled=false;
  document.getElementById("clone_subgroup_button").disabled=false;
  document.getElementById("delete_subgroup_button").disabled=false;
}

function disableModeButtons() {
  document.getElementById("edit_subgroup_button").disabled=true;
  document.getElementById("clone_subgroup_button").disabled=true;
  document.getElementById("delete_subgroup_button").disabled=true;
}

function loadSubgroup(silent) {
  disableModeButtons();
  
  var subgroup_select = document.getElementById("subgroup_id");

  if (! subgroup_select ||
      subgroup_select.options[subgroup_select.selectedIndex].value=="") {
    disableModeButtons();
    document.getElementById('subgroup_display_div').style.display = 'none';
    document.getElementById('editform_div').style.display = 'none';
    disableForm('edit_subgroup_form');
    blankSubgroupForm('edit_subgroup_form');
    return false;
  } 

  var subgroup_id = subgroup_select.options[subgroup_select.selectedIndex].value;

  disableForm('edit_subgroup_form');
  var url = 'json.cgi?subgroup_id=' + subgroup_id;
  if (!silent) {
    toggleMessage('loading','Loading Subgroup ID# ' + subgroup_id + '...');
  }
  fetchJSON(url,populateSubgroup,silent);
}

function populateSubgroup(data) {
  subgroup=data;

  document.getElementById('editform_subgroup_id').value = subgroup.subgroup_id;
  document.getElementById('subgroup_id_display').innerHTML = subgroup.subgroup_id;
  document.getElementById('subgroup_id_display_edit').innerHTML = subgroup.subgroup_id;
  document.getElementById('name').value = subgroup.name;
  document.getElementById('subgroup_name_display').innerHTML = subgroup.name;
  document.getElementById('subgroup_enabled_display').innerHTML = subgroup.enabled ? 'Yes' : 'No';
  document.getElementById('subgroup_creator_display').innerHTML = subgroup.creator_id.email ? subgroup.creator_id.email : "Not specified";
  document.getElementById('subgroup_creation_date_display').innerHTML = subgroup.creation_date;
  document.getElementById('subgroup_last_updated_display').innerHTML = subgroup.last_updated;

  var productBox = document.getElementById('product');
  var found_product = setSelected(productBox,subgroup.product_id.product_id);
  if (found_product == 1) {
    for (var i=0; i<products.length; i++) {
      if (products[i].product_id == subgroup.product_id.product_id) {
        document.getElementById('subgroup_product_name_display').innerHTML = products[i].name;
        continue;
      }
    }
  } else {
    document.getElementById('subgroup_product_name_display').innerHTML = '<em>No product set for this subgroup.</em>';
  }
  changeProduct();
  var branchBox = document.getElementById('branch');
  populateBranches(branchBox,productBox);
  var found_branch = setSelected(branchBox,subgroup.branch_id.branch_id);
  if (found_branch == 1) {
    for (var i=0; i<branches.length; i++) {
      if (branches[i].branch_id == subgroup.branch_id.branch_id) {
        document.getElementById('subgroup_branch_name_display').innerHTML = branches[i].name;
        continue;
      }
    }
  } else {
    document.getElementById('subgroup_branch_name_display').innerHTML = '<em>No branch set for this subgroup.</em>';
  }
  var testgroups_text = "";
  var testgroups_link_text = "";
  for (var i in subgroup.testgroups) {
    if (subgroup.testgroups[i].name != '') {
      testgroups_text = testgroups_text + subgroup.testgroups[i].name + ', ';
      testgroups_link_text = testgroups_link_text + '<a target="manage_testgroups" href="manage_testgroups.cgi?testgroup_id=' + subgroup.testgroups[i].testgroup_id + '">'+ subgroup.testgroups[i].name + '</a>, ';
    }
  }
  if (testgroups_text != '') {
    testgroups_text = testgroups_text.replace(/, $/g,'');
    testgroups_link_text = testgroups_link_text.replace(/, $/g,'');
    document.getElementById('testgroups_display').innerHTML = testgroups_text;
    document.getElementById('testgroups_link_display').innerHTML = testgroups_link_text;
  } else {
    document.getElementById('testgroups_display').innerHTML = '<span class="errorHeading">This subgroup does not belong to any testgroups that are currently enabled.</span>';
    document.getElementById('testgroups_link_display').innerHTML = '<span class="errorHeading">This subgroup does not belong to any testgroups that are currently enabled &rArr;&nbsp;<a target="manage_testgroups" href="manage_testgroups.cgi">Jump to Manage Testgroups</a>.</span>';
  }

  var enabled_em = document.getElementById('enabled')
  if (subgroup.enabled == 1) {
    enabled_em.checked = true;
  } else {
    enabled_em.checked = false;
  } 

  populateAllTestcases();

  var selectBoxSubgroup = document.getElementById('subgroup_testcases');
  selectBoxSubgroup.options.length = 0;
  for (var i=0; i<subgroup.testcases.length; i++) {
    var optionText = subgroup.testcases[i].summary + ' (' + subgroup.testcases[i].testcase_id + ')';
    selectBoxSubgroup.options[selectBoxSubgroup.length] = new Option(optionText,
                                                     subgroup.testcases[i].testcase_id);
  }

  document.getElementById('creation_date').innerHTML = subgroup.creation_date;
  document.getElementById('last_updated').innerHTML = subgroup.last_updated;
  setSelected(document.getElementById('created_by'),subgroup.creator_id.user_id);

  document.getElementById('editform_div').style.display = 'none';
  document.getElementById('subgroup_display_div').style.display = 'block';
  enableModeButtons();
}

function blankSubgroupForm(formid) {
  blankForm(formid);
  updatePersistVars();
  document.getElementById('subgroup_id_display').innerHTML = '';
  var selectBoxAll = document.getElementById('testcases_for_product');
  selectBoxAll.options.length = 0;
  selectBoxAll.options[selectBoxAll.length] = new Option("-No product selected-",
                                                             "");
  selectBoxAll.selectedIndex=-1;
  var selectBoxSubgroup = document.getElementById('subgroup_testcases');
  selectBoxSubgroup.options.length = 0;
  selectBoxSubgroup.options[selectBoxSubgroup.length] = new Option("-No subgroup selected-",
                                                             "");
  selectBoxSubgroup.selectedIndex=-1;
 
  changeProduct();
  changeTestgroup();
}

function switchToAdd() {
  disableModeButtons();
  blankSubgroupForm('edit_subgroup_form');
  document.getElementById('subgroup_id_display_edit').innerHTML = '<em>Automatically generated for a new Subgroup</em>';
  document.getElementById('creation_date').innerHTML = '<em>Automatically generated for a new Subgroup</em>';
  document.getElementById('last_updated').innerHTML = '<em>Automatically generated for a new Subgroup</em>';
  setSelected(document.getElementById('created_by'),current_user_id);
  document.getElementById('testgroups_link_display').innerHTML = '<em>A new subgroup does not belong to any testgroups by default.<br/>Use the <a target="manage_testgroups" href="manage_testgroups.cgi">Manage Testgroups</a> interface to assign the subgroup to testgroups after the new subgroup is created.</em>';
  document.getElementById('submit').value = 'Add Subgroup';
  document.getElementById('mode').value = 'add';
  enableForm('edit_subgroup_form');
  document.getElementById('subgroup_display_div').style.display = 'none';
  document.getElementById('editform_div').style.display = 'block';
}

function switchToEdit() {
  document.getElementById('submit').value = 'Submit Edits';
  document.getElementById('mode').value = 'edit';
  enableForm('edit_subgroup_form');
  document.getElementById('subgroup_display_div').style.display = 'none';
  document.getElementById('editform_div').style.display = 'block';
}

function populateAllTestcases() {
  var productBox = document.getElementById('product');
  var branchBox = document.getElementById('branch');
  var selectBoxAll = document.getElementById('testcases_for_product');
  selectBoxAll.options.length = 0;
  for (var i in testcases) {
    if (testcases[i].product_id != productBox.options[productBox.selectedIndex].value) {
      continue;
    }

    if (branchBox.selectedIndex >= 0) {
      if (branchBox.options[branchBox.selectedIndex].value != '' &&
          testcases[i].branch_id != branchBox.options[branchBox.selectedIndex].value) {
        continue;
      }
    }  

    var optionText = testcases[i].summary + ' (' + testcases[i].testcase_id + ')';
    selectBoxAll.options[selectBoxAll.length] = new Option(optionText,
                                                           testcases[i].testcase_id);
    
  }
  if (selectBoxAll.options.length == 0) {
    selectBoxAll.options[selectBoxAll.length] = new Option('-No Testcases for this Product/Branch-','');
  }
}  

function resetSubgroup() {
  if (document.getElementById('editform_subgroup_id').value != '') {
    populateSubgroup(subgroup);
    switchToEdit();   
  } else {
    switchToAdd();
  }
}

function checkFormContents(f) {
  return (
          checkString(f.name, 'Name') &&
          verifySelected(f.product, 'Product') &&
          verifySelected(f.branch, 'Branch') &&
          verifySelected(f.created_by, "Created By")
         );
}

function previewTestcase(selectID) {
  var selectBox = document.getElementById(selectID);
  if (selectBox) {
    if (selectBox.selectedIndex >= 0) {
      if (selectBox.options[selectBox.selectedIndex].value != '') {
        window.open('show_test.cgi?id=' + selectBox.options[selectBox.selectedIndex].value,
                    'testcase_preview');
      }
    } else {
      toggleMessage('failure','No testcase selected!');
    }
  }
}

function updatePersistVars() {
  var productBox = document.getElementById('product_filter');
  var branchBox = document.getElementById('branch_filter');
  var testgroupBox = document.getElementById('testgroup_filter');
  if (productBox.selectedIndex) {
    var productPersist = document.getElementById('product_persist');
    productPersist.value = productBox.options[productBox.selectedIndex].value;
  }
  if (branchBox.selectedIndex) {
    var branchPersist = document.getElementById('branch_persist');
    branchPersist.value = branchBox.options[branchBox.selectedIndex].value;
  }
  if (testgroupBox.selectedIndex) {
    var testgroupPersist = document.getElementById('testgroup_persist');
    testgroupPersist.value = testgroupBox.options[testgroupBox.selectedIndex].value;
  }
}

function disableCloneUpdateFields() {
  document.getElementById('old_name_regexp').disabled=true;
  document.getElementById('new_name_regexp').disabled=true;
  document.getElementById('update_names').setAttribute('class','disabled');
}

function enableCloneUpdateFields() {
  document.getElementById('old_name_regexp').disabled=false;
  document.getElementById('new_name_regexp').disabled=false;
  document.getElementById('update_names').setAttribute('class','');
}

var manageTestcasesHelpTitle="Help with Managing Testcases";
var manageTestcasesHelpText="<p>The select box on the left contains all the testcases for the chosen product, <strong><em>INCLUDING</em></strong> any testcases already contained in the subgroup. You can use the <input type='button' value='&rArr;' disabled> button to add testcases to the subgroup, and the <input type='button' value='&lArr;' disabled> button to remove testcases from the subgroup. <strong>NOTE</strong>: neither of the actions will alter the list of testcases on the left.</p><p>You can preview any testcase from the left-hand select box by selecting the testcase, and then clicking on  the 'Preview Testcase' link below the select box. If more than one testcase is selected, only the first testcase will be previewed.</p><p>You can change the display order of testcases within the subgroup using the <input type='button' value='&uArr;' disabled> and <input type='button' value='&dArr;' disabled> buttons to the right of the right-hand select box. Testcases can be re-ordered singly or in groups by selecting multiple testcases in the right-hand select box.</p>";