/* -*- Mode: java; indent-tabs-mode: nil; c-basic-offset: 4 -*- */

function savePreferences(sender) {
  var sigList = $("signaturePlacementList");
  if (sigList)
    sigList.disabled=false;

  serializeCategories (null);
	$("mainForm").submit();

	return false;
}

function _setupEvents(enable) {
  var widgets = [ "timezone", "shortDateFormat", "longDateFormat",
									"timeFormat", "weekStartDay", "dayStartTime", "dayEndTime",
									"firstWeek", "messageCheck", "subscribedFoldersOnly" ];
  for (var i = 0; i < widgets.length; i++) {
    var widget = $(widgets[i]);
    if (widget) {
      if (enable)
        widget.observe("change", onChoiceChanged);
      else
        widget.stopObserving("change", onChoiceChanged);
    }
  }

  $("replyPlacementList").observe ("change", onReplyPlacementListChange);
  $("composeMessagesType").observe ("change", onComposeMessagesTypeChange);
  $("categoriesValue").value = "prout";
}

function onChoiceChanged(event) {
  var hasChanged = $("hasChanged");
  hasChanged.value = "1";

  _setupEvents(false);
}

function initPreferences() {
  _setupEvents(true);
  if (typeof (initAdditionalPreferences) != "undefined")
    initAdditionalPreferences();

  if ($("signature")) {
    onComposeMessagesTypeChange ();
  }

  resetCategoriesColors (null);
  var table = $("categoriesList");
  var r = $$("TABLE#categoriesList tbody tr");
  for (var i=0; i<r.length; i++)
    r[i].identify ();
  table.multiselect = true;
  TableKit.Resizable.init(table, 
                          {'trueResize' : true, 'keepWidth' : true});
  resetTableActions ();
  $("categoryAdd").observe ("click", onCategoryAdd);
  $("categoryDelete").observe ("click", onCategoryDelete);
}

function resetTableActions () {
  var r = $$("TABLE#categoriesList tbody tr");
  for (var i = 0; i < r.length; i++) {
      var row = $(r[i]);
      row.observe("mousedown", onRowClick);
      var tds = row.childElements ();
      tds[0].observe("mousedown", endAllEditables);
      tds[0].observe ("dblclick", onNameEdit);
      tds[1].observe("mousedown", endAllEditables);
      tds[1].childElements ()[0].observe ("dblclick", onColorEdit);
  }
}

function makeEditable (element) {
  element.addClassName ("editing");
  element.removeClassName ("categoryListCell");
  var tmp = element.innerHTML;
  element.innerHTML = "";
  var textField = new Element ("input", {"type": "text", 
                                         "width": "100%"});
  textField.value = tmp;
  textField.observe ("keydown", interceptEnter);
  element.appendChild (textField);
  textField.focus ();
  textField.select ();
}

function interceptEnter (e) {
  if (e.keyCode == Event.KEY_RETURN) {
    endAllEditables (null);
    preventDefault (e);
    return false;
  }
}

function endEditable (element) {
  var tmp = element.childElements ().first ().value;
  element.innerHTML = tmp;
  element.removeClassName ("editing");
  element.addClassName ("categoryListCell");
}

function endAllEditables (e) {
  var r = $$("TABLE#categoriesList tbody tr td");
  for (var i=0; i<r.length; i++) {
    if (r[i] != this && r[i].hasClassName ("editing"))
      endEditable ($(r[i]));
  }
}

function onNameEdit (e) {
  endAllEditables ();
  if (!this.hasClassName ("editing")) {
    makeEditable (this);
  }
}

function onColorEdit (e) {
  var r = $$("TABLE#categoriesList tbody tr td div.colorEditing");
  for (var i=0; i<r.length; i++)
    r[i].removeClassName ("colorEditing");

  this.addClassName ("colorEditing");
  var cPicker = window.open(ApplicationBaseURL + "../" + UserLogin 
                            + "/Calendar/colorPicker", "colorPicker",
														"width=250,height=200,resizable=0,scrollbars=0"
														+ "toolbar=0,location=0,directories=0,status=0,"
														+ "menubar=0,copyhistory=0", "test"
														);
  cPicker.focus();

  preventDefault(e);
}

function onColorPickerChoice (newColor) {
  var div = $$("TABLE#categoriesList tbody tr td div.colorEditing").first ();
//  div.removeClassName ("colorEditing");
  div.showColor = newColor;
  div.style.background = newColor;
}


function onCategoryAdd (e) {
  var row = new Element ("tr");
  var nametd = new Element ("td").update ("");
  var colortd = new Element ("td");
  var colordiv = new Element ("div", {"class": "colorBox"});

  row.identify ();
  row.addClassName ("categoryListRow");

  nametd.addClassName ("categoryListCell");

  colortd.addClassName ("categoryListCell");
  colordiv.innerHTML = "&nbsp;";
  colordiv.showColor = "#F0F0F0";
  colordiv.style.background = colordiv.showColor;

  colortd.appendChild (colordiv);
  row.appendChild (nametd);
  row.appendChild (colortd);
  $("categoriesList").tBodies[0].appendChild (row);
  makeEditable (nametd);

  resetTableActions ();
}

function onCategoryDelete (e) {
  var list = $('categoriesList').down("TBODY");;
  var rows = list.getSelectedNodes();
  var count = rows.length;

  for (var i=0; i < count; i++) {
    rows[i].remove ();
  }

}

function serializeCategories (e) {
  var r = $$("TABLE#categoriesList tbody tr");
  var names = "(";
  var colors = "(";

  for (var i = 0; i < r.length; i++) {
    var tds = r[i].childElements ();
    var name  = $(tds.first ()).innerHTML;
    var color = $(tds.last ().childElements ().first ()).showColor;

    names += "\"" + name + "\", ";
    colors += "\"" + color + "\", ";
  }
  names = names.substr (0, names.length - 1) + ")";
  colors = colors.substr (0, colors.length - 1) + ")";

  $("categoriesValue").value = "(" + names + ", " + colors + ")";
}


function resetCategoriesColors (e) {
  var divs = $$("DIV.colorBox");

  for (var i = 0; i < divs.length; i++) {
    var d = $(divs[i]);
    var color = d.innerHTML;
    d.showColor = color;
    d.style.background = color;
    d.innerHTML = "&nbsp;";
  }
}

function onReplyPlacementListChange() {
  // above = 0
  if ($("replyPlacementList").value == 0) {
    $("signaturePlacementList").disabled=false;
  }
  else {
    $("signaturePlacementList").value=1;
    $("signaturePlacementList").disabled=true;
  }
}

function onComposeMessagesTypeChange () {
  var textArea = $('signature');
  var editor = $('cke_signature');

  // Textmode
  if ($("composeMessagesType").value == 0) {
    textArea.style.height = "340px";
    if (editor) {
      CKEDITOR.instances.signature.removeListener ()
      CKEDITOR.instances.signature.destroy (false);
      CKEDITOR.instances.signature = null;
      delete (CKEDITOR.instances.signature);
    }
  }
  else {
    CKEDITOR.replace('signature',
                     {
                        skin: "v2",
                        height: "280px",
                        toolbar :
                        [['Bold', 'Italic', '-', 'Link', 
                          'Font','FontSize','-','TextColor',
                          'BGColor']
                        ] 
                     }
                    );
  }
}

document.observe("dom:loaded", initPreferences);