var str = "";
$(document).ready(function() {
  $(".mlctrl").hide();
  $(".ml").hide();
  $(".mldescriptions").hide();

  $("#ml").change(function () {
    str = "#" + $(this).find(":selected").val();
    $(".ml").hide();
    reset();
    if(str!="none")
      $(str).show();
  });

  $("#mlctrl").change(function () {
    str = "#" + $(this).find(":selected").val();
    $(".mlctrl").hide();
    reset();
    if(str!="none")
      $(str).show();
  });

  $("input").focus(function() {
    $(this).select();
  });

  $(".addmore").click(function(event) {
    event.preventDefault();
    str = "#" + $(this).attr("name");
    $(str).append(addmore(str));
    $("input").bind("focus", function(){
      $(this).select(); });
  });
});

function addmore(str) {
  var ret="";
  switch(str) {
    case "#addlink":
      ret = "<input type=\"text\" name=\"title[]\" value=\"Title\"/>\n";
      ret += "<input type=\"text\" name=\"link[]\" value=\"Link\"/>";
      ret += "<br />\n";
      break;
    case "#remlink":
      ret = "<select name=\"link[]\" class=\"reselect\">\n";
      ret += allLinkOptions;
      ret += "</select><br />\n";
      break;
    case "#movlink":
      ret = "<select name=\"link[]\" class=\"reselect\">\n";
      ret += allLinkOptions;
      ret += "</select>\n&nbsp;to&nbsp;\n";
      ret += "<select name=\"cat[]\" class=\"reselect\">\n";
      ret += allCatOptions;
      ret += "</select><br />\n";
  }
  return ret;
}

function reset() {
  $(".reselect").each(function() {
    $(this).find("option:first").attr("selected", "selected"); });
  $("input[type=text]:even").val("Title");
  $("input[type=text]:odd").val("Link");
  $("input[type=password]").val("");
};