function doEditMenuInfo(sel_obj) {
  var idx = sel_obj.selectedIndex; 
  var obj = sel_obj.options[idx];
  if(typeof(obj)=='undefined'||!obj) return;

  var menu_srl = obj.value;

  var win = window.open("./?module=layout&act=dispLayoutMenuInfo&menu_srl="+menu_srl,"_LayoutMenu","toolbars=no,status=no,resizable=no,width=100,height=100");
  win.focus();
}

function completeGetLayoutMenuSrl(ret_obj, response_tags) {
  var menu_srl = ret_obj['menu_srl'];
  var menu_id = ret_obj['menu_id'];
  doEditInsertMenu(menu_id, menu_srl);
}

function doEditInsertMenu(menu_id, menu_srl) {
  var item_obj = xGetElementById('default_value_item_'+menu_id);
  var listup_obj = xGetElementById('default_value_listup_'+menu_id);

  var text = item_obj.value;
  if(!text) return;

  if(typeof(menu_srl)=='undefined'||!menu_srl) {
    var params = new Array();
    params['text'] = text;
    params['menu_id'] = menu_id;
    var response_tags = new Array('error','message','menu_id','menu_srl');
    exec_xml('layout', 'getLayoutMenuSrl', params, completeGetLayoutMenuSrl, response_tags);
    return;
  }

  var opt = new Option(text, menu_srl, false, true);
  listup_obj.options[listup_obj.length] = opt;

  setDepth(listup_obj.options[listup_obj.length-1],0);

  item_obj.value = '';
  item_obj.focus();
}

function doEditMenu(cmd, menu_id, max_depth) {
  var listup_obj = xGetElementById('default_value_listup_'+menu_id);
  var idx = listup_obj.selectedIndex;
  var lng = listup_obj.options.length;
  switch(cmd) {
    case 'up' :
        if(lng < 2 || idx<1) return;

        var value1 = listup_obj.options[idx].value;
        var text1 = listup_obj.options[idx].text;
        var depth1 = getDepth(listup_obj.options[idx]);

        var value2 = listup_obj.options[idx-1].value;
        var text2 = listup_obj.options[idx-1].text;
        var depth2 = getDepth(listup_obj.options[idx-1]);

        listup_obj.options[idx] = new Option(text2,value2,false,false);
        setDepth(listup_obj.options[idx], depth1);

        listup_obj.options[idx-1] = new Option(text1,value1,false,true);
        setDepth(listup_obj.options[idx-1], depth2);
      break;
    case 'down' :
        if(lng < 2 || idx == lng-1) return;

        var value1 = listup_obj.options[idx].value;
        var text1 = listup_obj.options[idx].text;
        var depth1 = getDepth(listup_obj.options[idx]);

        var value2 = listup_obj.options[idx+1].value;
        var text2 = listup_obj.options[idx+1].text;
        var depth2 = getDepth(listup_obj.options[idx+1]);

        listup_obj.options[idx] = new Option(text2,value2,false,false);
        setDepth(listup_obj.options[idx], depth1);

        listup_obj.options[idx+1] = new Option(text1,value1,false,true);
        setDepth(listup_obj.options[idx+1], depth2);
      break;
    case 'delete' :
        if(idx<lng-1) {
          var below_depth = getDepth(listup_obj.options[idx+1]);
          var cur_depth = getDepth(listup_obj.options[idx]);
          if(below_depth>cur_depth) return;
        }

        listup_obj.remove(idx);
        if(idx==0) listup_obj.selectedIndex = 0;
        else listup_obj.selectedIndex = idx-1;
      break;
    case 'add_indent' :
        if(lng<2||idx<1) return;

        var opt_cur = listup_obj.options[idx];
        var opt_up = listup_obj.options[idx-1];

        var cur_depth = getDepth(opt_cur);
        var up_depth = getDepth(opt_up);

        if(up_depth >= cur_depth) addDepth(opt_cur, max_depth);
      break;
    case 'remove_indent' :
        var opt_cur = listup_obj.options[idx];
        removeDepth(opt_cur);
      break;
  }

  var value_list = new Array();
  for(var i=0;i<listup_obj.options.length;i++) {
    value_list[value_list.length] = listup_obj.options[i].value;
  }
}

function getDepth(obj) {
  var pl = obj.style.paddingLeft;
  if(!pl) return 0;
  var depth = parseInt(pl);
  return depth/20;
}

function setDepth(obj, depth) {
  obj.style.paddingLeft = (depth*20)+'px';
}

function addDepth(obj, max_depth) {
  var depth = getDepth(obj);
  var depth = depth + 1;
  if(depth>=max_depth) return;
  obj.style.paddingLeft = (depth*20)+'px';
}

function removeDepth(obj) {
  var depth = getDepth(obj);
  var depth = depth - 1;
  if(depth<0) return;
  obj.style.paddingLeft = (depth*20)+'px';
}