// $Id: imce.js,v 1.15.2.9 2008/07/13 11:34:49 ufku Exp $

//Global container.

var imce = {tree: {}, findex: [], fids: {}, selected: {}, selcount: 0, ops: {}, cache: {},

vars: {previewImages: 1, cache: 1},

hooks: {load: [], list: [], navigate: [], cache: []},

//initiate imce.

initiate: function() {

  imce.conf = Drupal.settings.imce || {};

  if (imce.conf.error != false) return;

  imce.FLW = imce.el('file-list-wrapper');

  imce.prepareMsgs();//process initial status messages

  imce.initiateTree();//build directory tree

  imce.hooks.list.unshift(imce.processRow);//set the default list-hook.

  imce.initiateList();//process file list

  imce.initiateOps();//prepare operation tabs

  imce.refreshOps();

  if (window['imceOnLoad']) imceOnLoad(window);

  imce.invoke('load', window);//run functions set by external applications.

},

/**************** DIRECTORIES ********************/

//process navigation tree

initiateTree: function() {

  $('#navigation-tree li').each(function(i) {

    var a = this.firstChild;

    a.firstChild.data = imce.decode(a.firstChild.data);

    var branch = imce.tree[a.title] = {'a': a, li: this, ul: this.lastChild.tagName == 'UL' ? this.lastChild : null};

    if (a.href) imce.dirClickable(branch);

    imce.dirCollapsible(branch);

  });

},

//Add a dir to the tree under parent

dirAdd: function(dir, parent, clickable) {

  if (imce.tree[dir]) return clickable ? imce.dirClickable(imce.tree[dir]) : imce.tree[dir];

  var parent = parent || imce.tree['.'];

  parent.ul = parent.ul ? parent.ul : parent.li.appendChild(document.createElement('ul'));

  var branch = imce.dirCreate(dir, imce.decode(dir.substr(dir.lastIndexOf('/')+1)), clickable);

  parent.ul.appendChild(branch.li);

  return branch;

},

//create list item for navigation tree

dirCreate: function(dir, text, clickable) {

  if (imce.tree[dir]) return imce.tree[dir];

  var branch = imce.tree[dir] = {li: document.createElement('li'), a: document.createElement('a')};

  $(branch.a).addClass('folder').text(text).attr('title', dir).appendTo(branch.li);

  imce.dirCollapsible(branch);

  return clickable ? imce.dirClickable(branch) : branch;

},

//change currently active directory

dirActivate: function(dir) {

  if (dir != imce.conf.dir) {

    if (imce.tree[imce.conf.dir]){

      $(imce.tree[imce.conf.dir].a).removeClass('active');

    }

    $(imce.tree[dir].a).addClass('active');

    imce.conf.dir = dir;

  }

  return imce.tree[imce.conf.dir];

},

//make a dir accessible

dirClickable: function(branch) {

  if (branch.clkbl) return branch;

  $(branch.a).attr('href', '#').removeClass('disabled').click(function() {imce.navigate(this.title); return false;});

  branch.clkbl = true;

  return branch;

},

//sub-directories expand-collapse ability

dirCollapsible: function (branch) {

  if (branch.clpsbl) return branch;

  $(document.createElement('span')).addClass('expander').html('   ').click(function() {

    if (branch.ul) {

      $(branch.ul).toggle();

      $(branch.li).toggleClass('expanded');

    }

    else if (branch.clkbl){

      $(branch.a).click();

    }

  }).prependTo(branch.li);

  branch.clpsbl = true;

  return branch;

},

//update navigation tree after getting subdirectories.

dirSubdirs: function(dir, subdirs) {

  var branch = imce.tree[dir];

  if (subdirs && subdirs.length) {

    var prefix = dir == '.' ? '' : dir +'/';

    for (var i in subdirs) {//add subdirectories

      imce.dirAdd(prefix + subdirs[i], branch, true);

    }

    $(branch.li).removeClass('leaf').addClass('expanded');

    $(branch.ul).show();

  }

  else if (!branch.ul){//no subdirs->leaf

    $(branch.li).removeClass('expanded').addClass('leaf');

  }

},

/**************** FILES ********************/

//process file list

initiateList: function(cached) {

  var L = imce.hooks.list, dir = imce.conf.dir, token = {'%dir':  dir == '.' ? $(imce.tree['.'].a).text() : imce.decode(dir)}

  imce.findex = [], imce.fids = {}, imce.selected = {}, imce.selcount = 0, imce.vars.lastfid = null;

  imce.tbody = imce.el('file-list').tBodies[0];

  if (imce.tbody.rows.length) {

    for (var row, i = 0; row = imce.tbody.rows[i]; i++) {

      var fid = row.id;

      imce.findex[i] = imce.fids[fid] = row;

      if (cached) {

        if (imce.hasC(row, 'selected')) {

          imce.selected[imce.vars.lastfid = fid] = row;

          imce.selcount++;

        }

      }

      else {

        for (var func, j = 0; func = L[j]; j++) func(row);//invoke list-hook

      }

    }

    imce.setMessage(Drupal.t('Directory %dir is loaded.', token));

  }

  else if (imce.conf.perm.browse) imce.setMessage(Drupal.t('Directory %dir is empty.', token), 'warning');

  else imce.setMessage(Drupal.t('File browsing is disabled in directory %dir.', token), 'error');

},

//add a file to the list. (having properties name,size,formatted size,width,height,date,formatted date)

fileAdd: function(file) {

  var row, fid = file.name, i = imce.findex.length, attr = ['name', 'size', 'width', 'height', 'date'];

  if (!(row = imce.fids[fid])) {

    row = imce.findex[i] = imce.fids[fid] = imce.tbody.insertRow(i);

    for (var i in attr) row.insertCell(i).className = attr[i];

  }

  row.cells[0].innerHTML = row.id = fid;

  row.cells[1].innerHTML = file.fsize; row.cells[1].id = file.size;

  row.cells[2].innerHTML = file.width;

  row.cells[3].innerHTML = file.height;

  row.cells[4].innerHTML = file.fdate; row.cells[4].id = file.date;

  imce.invoke('list', row);

  if (imce.vars.prvfid == fid) imce.setPreview(fid);

},

//remove a file from the list

fileRemove: function(fid) {

  if (!(row = imce.fids[fid])) return;

  imce.fileDeSelect(fid);

  imce.findex.splice(row.rowIndex, 1);

  $(row).remove();

  delete imce.fids[fid];

  if (imce.vars.prvfid == fid) imce.setPreview();

},

//return a file object containing all properties.

fileGet: function (fid) {

  var row = imce.fids[fid];

  return row ? {

    name: imce.decode(fid),

    url: imce.getURL(fid),

    size: row.cells[1].innerHTML,

    bytes: row.cells[1].id * 1,

    width: row.cells[2].innerHTML * 1,

    height: row.cells[3].innerHTML * 1,

    date: row.cells[4].innerHTML,

    time: row.cells[4].id * 1

  } : null;

},

//simulate row click. selection-highlighting

fileClick: function(row, ctrl, shft) {

  if (!row) return;

  var fid = typeof(row) == 'string' ? row : row.id;

  if (ctrl || fid == imce.vars.prvfid) {

    imce.fileToggleSelect(fid);

  }

  else if (shft) {

    var last = imce.lastFid();

    var start = last ? imce.fids[last].rowIndex : -1;

    var end = imce.fids[fid].rowIndex;

    var step = start > end ? -1 : 1;

    while (start != end) {

      start += step;

      imce.fileSelect(imce.findex[start].id);

    }

  }

  else {

    for (var fname in imce.selected) {

      imce.fileDeSelect(fname);

    }

    imce.fileSelect(fid);

  }

  //set preview

  imce.setPreview(imce.selcount == 1 ? imce.lastFid() : null);

},

//file select/deselect functions

fileSelect: function (fid) {

  if (imce.selected[fid] || !imce.fids[fid]) return;

  imce.selected[fid] = imce.fids[imce.vars.lastfid=fid];

  $(imce.selected[fid]).addClass('selected');

  imce.selcount++;

},

fileDeSelect: function (fid) {

  if (!imce.selected[fid] || !imce.fids[fid]) return;

  if (imce.vars.lastfid == fid) imce.vars.lastfid = null;

  $(imce.selected[fid]).removeClass('selected');

  delete imce.selected[fid];

  imce.selcount--;

},

fileToggleSelect: function (fid) {

  imce['file'+ (imce.selected[fid] ? 'De' : '') +'Select'](fid);

},

/**************** OPERATIONS ********************/

//process file operation form and create operation tabs.

initiateOps: function() {

  imce.setHtmlOps();

  imce.setUploadOp();//upload

  imce.setFileOps();//thumb, delete, resize

},

//process existing html ops.

setHtmlOps: function () {

  $('#ops-list>li').each(function() {

    var name = this.id.substr(8);

    var Op = imce.ops[name] = {div: imce.el('op-content-'+ name), li: imce.el('op-item-'+ name)};

    Op.a = Op.li.firstChild;

    Op.title = Op.a.innerHTML;

    $(Op.a).click(function() {imce.opClick(name); return false;});

  });

},

//convert upload form to an op.

setUploadOp: function () {

  if (!imce.el('imce-upload-form')) return;

  var form = $(imce.el('imce-upload-form'));

  form.find('fieldset').each(function() {//clean up fieldsets

    this.removeChild(this.firstChild);

    $(this).after(this.childNodes);

  }).remove();

  form.ajaxForm(imce.uploadSettings());//set ajax

  imce.opAdd({name: 'upload', title: Drupal.t('Upload'), content: form});//add op

},

//convert fileop form submit buttons to ops.

setFileOps: function () {

  $(imce.el('edit-filenames-wrapper')).remove();

  $('#imce-fileop-form fieldset').each(function() {//remove fieldsets

    var sbmt = $('input:submit', this);

    if (!sbmt.size()) return;

    var Op = {name: sbmt.attr('id').substr(5)};

    var func = function() {imce.fopSubmit(Op.name); return false;};

    sbmt.click(func);

    Op.title = this.firstChild.innerHTML;

    this.removeChild(this.firstChild);

    Op.name == 'delete' ? (Op.func = func) : (Op.content = this.childNodes);

    imce.opAdd(Op);

  }).remove();

  imce.vars.opform = $(imce.el('imce-fileop-form')).serialize();//serialize remaining parts.

},

//refresh ops states. enable/disable

refreshOps: function() {

  for (var p in imce.conf.perm) {

    if (imce.conf.perm[p]) imce.opEnable(p);

    else imce.opDisable(p);

  }

},

//add a new file operation

opAdd: function (op) {

  var name = op.name || ('op-'+ $('#ops-list>li').size());

  var Op = imce.ops[name] = {title: op.title||'Untitled'};

  if (op.content) {

    Op.div = document.createElement('div');

    $(Op.div).attr('id', 'op-content-'+ name).addClass('op-content').append(op.content).appendTo(imce.el('op-contents'));

  }

  Op.a = document.createElement('a');

  Op.li = document.createElement('li');

  $(Op.a).attr({href: '#', 'name': name}).html(op.title).click(function() {imce.opClick(this.name); return false;});

  $(Op.li).attr('id', 'op-item-'+ op.name).append(Op.a).appendTo(imce.el('ops-list'));

  Op.func = op.func || function(){};

  return Op;

},

//perform op click

opClick: function(name) {

  if (!(Op = imce.ops[name]) || Op.disabled) return imce.setMessage(Drupal.t('You can\'t perform this operation.'), 'error');

  if (Op.div) {

    if (imce.vars.op) {

      var oldOp = imce.ops[imce.vars.op];

      $(oldOp.div).slideUp();

      $(oldOp.li).removeClass('active');

      oldOp.func(false);

      if (imce.vars.op == name) {

        imce.vars.op = null;

        return false;

      }

    }