webfm/js/webfm.js

/* $Id: webfm.js,v 1.31 2009/08/19 15:30:45 robmilne Exp $ */

/* namespace */
function Webfm() {}

/*
** Global variables
*/
//Translation possible by changing the array values (DO NOT ALTER KEYS!)
Webfm.js_msg = [];
Webfm.js_msg["mkdir"] = Drupal.t("Create New Dir");
Webfm.js_msg["file"] = Drupal.t("file");
Webfm.js_msg["dir"] = Drupal.t("directory");
Webfm.js_msg["u_file"] = Drupal.t("File");
Webfm.js_msg["u_dir"] = Drupal.t("Directory");
Webfm.js_msg["tree"] = Drupal.t("");
Webfm.js_msg["work"] = Drupal.t("Working... please wait");
Webfm.js_msg["refresh"] = Drupal.t("refresh");
Webfm.js_msg["sort"] = Drupal.t("sort by this column");
Webfm.js_msg["new-dir"] = Drupal.t("Create New Folder");
Webfm.js_msg["add-2-db"] = Drupal.t("Add files in this folder to database");
Webfm.js_msg["r-add-2-db"] = Drupal.t("Recursive add files to database");
Webfm.js_msg["column1"] = Drupal.t("Name");
Webfm.js_msg["column2"] = Drupal.t("Modified");
Webfm.js_msg["column3"] = Drupal.t("Size");
Webfm.js_msg["column4"] = Drupal.t("Owner");
Webfm.js_msg["attach-title"] = Drupal.t("Attached Files");
Webfm.js_msg["meta-title"] = Drupal.t("File Meta Data");
Webfm.js_msg["search-title"] = Drupal.t("File Search");
Webfm.js_msg["debug-title"] = Drupal.t("WebFM Debug");
Webfm.js_msg["cache-title"] = Drupal.t("Directory Cache");
Webfm.js_msg["search-cur"] = Drupal.t("Search current directory (see listing breadcrumb trail)");
Webfm.js_msg["no-match"] = Drupal.t("No match found");
Webfm.js_msg["search"] = Drupal.t("Search");
Webfm.js_msg["submit"] = Drupal.t("Submit");
Webfm.js_msg["reset"] = Drupal.t("Reset");
Webfm.js_msg["clear"] = Drupal.t("Clear");
Webfm.js_msg["cancel"] = Drupal.t("Cancel");
Webfm.js_msg["close"] = Drupal.t("Close");
Webfm.js_msg["resize"] = Drupal.t("Resize");
Webfm.js_msg["replace"] = Drupal.t("Replace and Version original copy of ");
Webfm.js_msg["replace-del"] = Drupal.t("Replace and Delete original copy of ");
Webfm.js_msg["no-replace"] = Drupal.t("Version new copy of ");
Webfm.js_msg["cache"] = Drupal.t("Cache Content");
Webfm.js_msg["curdir-undef"] = Drupal.t("current directory undefined");
Webfm.js_msg["ajax-err"] = Drupal.t("server is unreachable");
Webfm.js_msg["move-err"] = Drupal.t("move operation fail");
Webfm.js_msg["len-err"] = Drupal.t("Too long");
Webfm.js_msg["confirm-del0"] = Drupal.t("Do you want to delete the ");
Webfm.js_msg["confirm-del1"] = Drupal.t(" and all its contents");
Webfm.js_msg["confirm-det"] = Drupal.t("Do you want to detach ");
Webfm.js_msg["confirm-dbrem0"] = Drupal.t("Do you want to remove ");
Webfm.js_msg["confirm-dbrem1"] = Drupal.t(" from the database?\n     All metadata and attachments for this file will be lost");
Webfm.js_msg["enum_local"] = Drupal.t("Do you want to add all files of this directory into the database?");
Webfm.js_msg["enum_recur"] = Drupal.t("Do you want to add all files of this directory and sub-directories into the database?");
Webfm.js_msg["file-dwld"] = Drupal.t("download file");
Webfm.js_msg["no-file-dwld"] = Drupal.t("file not in database");
Webfm.js_msg["inserted"] = Drupal.t(" files inserted into db");
Webfm.js_msg["not-inserted"] = Drupal.t(" files failed to insert into db");
Webfm.js_msg["metadata"] = Drupal.t("Metadata");
Webfm.js_msg["fix_input"] = Drupal.t("correct input");
Webfm.js_msg["perm"] = Drupal.t("File Permissions");

Webfm.meta_msg = [];
Webfm.meta_msg["fid"] = Drupal.t("fid");
Webfm.meta_msg["uid"] = Drupal.t("uid");
Webfm.meta_msg["uname"] = Drupal.t("file owner");
Webfm.meta_msg["name"] = Drupal.t("name");
Webfm.meta_msg["title"] = Drupal.t("title");
Webfm.meta_msg["desc"] = Drupal.t("description");
Webfm.meta_msg["lang"] = Drupal.t("language");
Webfm.meta_msg["pub"] = Drupal.t("publisher");
Webfm.meta_msg["format"] = Drupal.t("format");
Webfm.meta_msg["ver"] = Drupal.t("version");
Webfm.meta_msg["type"] = Drupal.t("image type");
Webfm.meta_msg["width"] = Drupal.t("width");
Webfm.meta_msg["height"] = Drupal.t("height");
Webfm.meta_msg["dl_cnt"] = Drupal.t("downloads");
Webfm.meta_msg["link"] = Drupal.t("link");

Webfm.perm_msg = [];
Webfm.perm_msg["pub_view"] = Drupal.t("Public download");
Webfm.perm_msg["rol_view"] = Drupal.t("Role View/Download");
Webfm.perm_msg["rol_att"] = Drupal.t("Role Attach");
Webfm.perm_msg["rol_full"] = Drupal.t("Role Full Access");

Webfm.menu_msg = [];
Webfm.menu_msg["mkdir"] = Drupal.t("Create Subdirectory");
Webfm.menu_msg["rmdir"] = Drupal.t("Delete Directory");
Webfm.menu_msg["rm"] = Drupal.t("Delete File");
Webfm.menu_msg["rendir"] = Drupal.t("Rename Directory");
Webfm.menu_msg["search"] = Drupal.t("Search Directory");
Webfm.menu_msg["ren"] = Drupal.t("Rename File");
Webfm.menu_msg["meta"] = Drupal.t("File meta data");
Webfm.menu_msg["att"] = Drupal.t("Attach to Node");
Webfm.menu_msg["det"] = Drupal.t("Detach from Node");
Webfm.menu_msg["dwnld"] = Drupal.t("Download as file");
Webfm.menu_msg["view"] = Drupal.t("View file");
Webfm.menu_msg["enum"] = Drupal.t("Add file to database");
Webfm.menu_msg["denum"] = Drupal.t("Remove file from database");
Webfm.menu_msg["perm"] = Drupal.t("File permissions");
Webfm.menu_msg["clip"] = Drupal.t("Copy link to clipboard");
Webfm.menu_msg["paste"] = Drupal.t("Paste link in editor window");
//Do not translate any code below this line

Webfm.current = null;

Webfm.dragCont = null;
Webfm.metaCont = null;
Webfm.contextCont = null;
Webfm.searchCont = null;
Webfm.debugCont = null
Webfm.viewCont = null;

Webfm.dragStart = null;
Webfm.dragging = false;
Webfm.oldOnContextMenu = null;

Webfm.activeDropCont = null;
Webfm.dropContainers = [];
Webfm.attachContainer = null;

Webfm.browser = null;
Webfm.menuHT = null;
Webfm.metadataHT = null;
Webfm.dirTreeObj = null;
Webfm.dirListObj = null;
Webfm.attachObj = null;
Webfm.alrtObj = null;
Webfm.contextMenuObj = null;
Webfm.progressObj = null;
Webfm.dbgObj = null;
Webfm.metaObj = null;
Webfm.searchObj = null;
Webfm.permObj = null;
Webfm.permKey = null;
Webfm.permHT = null;
Webfm.permInfoHT = null;

Webfm.renameActive = null;
Webfm.admin = false;

Webfm.zindex = 1000;
Webfm.scrollVal = null; // freeze scroll

Webfm.eventListeners = [];

//Name of node edit form hidden field where attached node list is populated by js
Webfm.attachFormInput = "edit-attachlist";

Webfm.icons = {
   epdf:"pdf", ephp:"php", ephps:"php", ephp4:"php", ephp5:"php", eswf:"swf",
   esfa:"swf", exls:"xls", eods:"xls", edoc:"doc", ertf:"doc", eodt:"doc", eodd:"doc", ezip:"zip", erar:"zip",
   egz:"zip", e7z:"zip", etxt:"doc", echm:"hlp", ehlp:"hlp", enfo:"nfo",
   expi:"xpi", ec:"c", eh:"h", emp3:"mp3", ewav:"mp3", esnd:"mp3", einc:"cod",
   esql:"sql", edbf:"sql", ediz:"nfo", eion:"nfo", emod:"mp3", es3m:"mp3",
   eavi:"avi", empg:"avi", empeg:"avi", ewma:"mp3", ewmv:"avi", edwg:"dwg",
   ejpg:"i", ejpeg:"i", egif:"i", epng:"i", etiff:"i", ebmp:"i", eico:"i",
   eai:"ai", eskp:"skp", emov:"qt", epps:"pps", eppt:"pps"
};

Webfm.lastarea = null;

/*
** Functions
*/
if (Drupal.jsEnabled) {
  $(window).load(webfmLayout);
}

 /**
 * Remember last used textarea for inserting file hrefs.
 */
function webfmSetlast(){
  Webfm.lastarea = this;
}

/**
 * Determine browser
 */
Webfm.browserDetect = function() {
  this.isIE = false;
  this.isOP = false;
  var b = navigator.userAgent.toLowerCase();
  if (b.indexOf("msie") >= 0) {
    this.isIE = true;
  }
  if (b.indexOf("opera") >= 0) {
    this.isOP = true;
  }
}

/**
 * Hashtable (used by directory listing cache and metadata)
 */
Webfm.ht = function() {
  this.flush();
}

Webfm.ht.prototype.put = function(key, value) {
	if((key == null) || (value == null))
		throw "NullPointerException {" + key + "},{" + value + "}";

	this.hash[key] = value;
}

Webfm.ht.prototype.get = function(key) {
	return this.hash[key];
}

Webfm.ht.prototype.containsKey = function(key) {
  for(var i in this.hash) {
    if (i == key && this.hash[i] != null) {
      return true;
    }
  }
  return false;
}

Webfm.ht.prototype.remove = function(key) {
	if(this.hash[key]) {
	  this.hash[key] = null;
	  return true;
	}
	return false;
}

Webfm.ht.prototype.dump = function() {
  var values = new Array();
  for (var i in this.hash) {
    if (this.hash[i] != null)
      values.push(this.hash[i]);
    }
  return values;
}

Webfm.ht.prototype.flush = function() {
  this.hash = new Array();
}

/**
 * Hashable Hashtable (used by menus)
 */
Webfm.hht = function() {
  this.flush();
}

Webfm.hht.prototype.put = function(key, obj) {
	if((key == null) || (obj == null))
		throw "NullPointerException {" + key + "},{" + obj + "}";

	if(this.hash[key] == null) {
		this.keys[this.keys.length] = key;
		this.hash[key] = new Array();
  }

	// append new object to array
	this.hash[key].push(obj);
}

Webfm.hht.prototype.get = function(key) {
	return this.hash[key];
}

Webfm.hht.prototype.remove = function(key) {
	if(this.hash[key]) {
	  this.hash[key] = null;
	  return true;
	}
	return false;
}

Webfm.hht.prototype.removeSub = function(key, subkey) {
	if(this.hash[key][subkey]) {
	  this.hash[key][subkey] = null;
	  return true;
	}
	return false;
}

Webfm.hht.prototype.flush = function() {
  this.hash = new Array();
  this.keys = new Array();
}

//Webfm.metaElement objects have description/edit/max_size params
Webfm.metaElement = function(desc, edit, size) {
  this.desc = desc;
  this.edit = edit;
  this.size = size;
}

/**
 * Create Web File Manager at 'webfm' id anchor
 * ..or at node-edit 'webfm-inline' id anchor
 */
function webfmLayout() {
  // Initialize textarea for pasting file hrefs with the most often used
  // in case we try to paste before a textarea or -field was focussed.
  Webfm.lastarea = document.getElementById('edit-body');
  if (!Webfm.lastarea) {
  Webfm.lastarea = document.getElementById('edit-comment');
  }
  // Tell textareas and text fields to remember which one was last focussed.
  textareas = document.getElementsByTagName('textarea');
  i = textareas.length;
  while( i-- ) {
    textareas[i].onfocus = webfmSetlast;
  }
  textfields = document.getElementsByTagName('input');
  i = textfields.length;
  while( i-- ) {
    if (textfields[i].type=='text') {
      textfields[i].onfocus = webfmSetlast;
    }
  }

  var layoutDiv = '';
  layoutDiv = Webfm.$('webfm');

  if(layoutDiv) {
    Webfm.commonInterface(layoutDiv);

    //first param forces trees refresh
    //second param forces list refresh
    Webfm.dirTreeObj.fetch(true, true);
  } else {
    layoutDiv = Webfm.$('webfm-inline');

    if(layoutDiv) {
      Webfm.commonInterface(layoutDiv);

      //Add attach-list menu and attach option to listing menu
      try {
        Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["att"], Webfm.menuAttach, Webfm.menuFidVal));
        Webfm.menuHT.put('det', new Webfm.menuElement(Webfm.menu_msg["meta"], Webfm.menuGetMeta, ''));
        Webfm.menuHT.put('det', new Webfm.menuElement(Webfm.menu_msg["det"], Webfm.menuDetach, ''));
        Webfm.menuHT.put('det', new Webfm.menuElement(Webfm.menu_msg["paste"], Webfm.menuPasteHref, ''));
      } catch(err) {
        alert("Menu Create err\n" + err);
      }

      // attach-list anchored to 'webfm-attach' div in webfm_form_alter()
      Webfm.attachObj = new Webfm.attach('webfm-attach');
      Webfm.attachObj.fetch();

      Webfm.dirTreeObj.fetch(true, true);
    }
  }
}

Webfm.commonInterface = function(parent) {
  Webfm.browser = new Webfm.browserDetect();

  //create the popup container for file/dir object draggables
  Webfm.dragCont = new Webfm.popup("webfm-dragCont");

  //create the popup container for image view
  Webfm.viewCont = new Webfm.popup("webfm-viewCont");

  //create context menu popup
  Webfm.oldOnContextMenu = document.body.oncontextmenu;
  Webfm.contextCont = new Webfm.popup("webfm-cxtCont");
  Webfm.contextMenuObj = new Webfm.context(Webfm.contextCont);

  //create metadata popup
  Webfm.metaCont = new Webfm.popup("webfm-paneCont");
  Webfm.metaObj = new Webfm.metadata(Webfm.metaCont, 440, 420);

  //create file permissions popup
  Webfm.permCont = new Webfm.popup("webfm-permCont");
  Webfm.permObj = new Webfm.perm(Webfm.permCont, 300, 200);

  //create search popup
  Webfm.searchCont = new Webfm.popup("webfm-searchCont");
  Webfm.searchObj = new Webfm.search(Webfm.searchCont, 280, 200);

  //create debug popup
  Webfm.debugCont = new Webfm.popup("webfm-debugCont");
  Webfm.dbgObj = new Webfm.debug(Webfm.debugCont, 800, 400);

  //build menu hashtable
  //global to allow external functions to push new menu elements into the menu array
  Webfm.menuHT = new Webfm.hht();
  try {
    Webfm.menuHT.put('root', new Webfm.menuElement(Webfm.menu_msg["mkdir"], Webfm.menuMkdir, Webfm.menuAdmin));
    Webfm.menuHT.put('root', new Webfm.menuElement(Webfm.menu_msg["search"], Webfm.menuSearch, ''));

    Webfm.menuHT.put('dir', new Webfm.menuElement(Webfm.menu_msg["mkdir"], Webfm.menuMkdir, Webfm.menuAdmin));
    Webfm.menuHT.put('dir', new Webfm.menuElement(Webfm.menu_msg["rmdir"], Webfm.menuRemove, Webfm.menuAdmin));
    Webfm.menuHT.put('dir', new Webfm.menuElement(Webfm.menu_msg["rendir"], Webfm.menuRename, Webfm.menuAdmin));
    Webfm.menuHT.put('dir', new Webfm.menuElement(Webfm.menu_msg["search"], Webfm.menuSearch, ''));

    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["rm"], Webfm.menuRemove, Webfm.menuFileUid));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["ren"], Webfm.menuRename, Webfm.menuRenFileUid));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["meta"], Webfm.menuGetMeta, Webfm.menuFidVal));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["view"], Webfm.menuView, ''));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["dwnld"], Webfm.menuDownload, Webfm.menuFidVal));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["enum"], Webfm.menuInsert, Webfm.menuAdminNoFidVal));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["denum"], Webfm.menuDbRem, Webfm.menuAdminFidVal));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["perm"], Webfm.menuGetPerm, Webfm.menuFilePerm));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["paste"], Webfm.menuPasteHref, ''));
    Webfm.menuHT.put('file', new Webfm.menuElement(Webfm.menu_msg["clip"], Webfm.menuPutLinkInClipboard, ''))
  } catch(err) {
    alert("Menu Create err\n" + err);
  }

  //build metadata hashtable
  //Webfm.metaElement objects have description/edit/max_size properties
  Webfm.metadataHT = new Webfm.ht();
  Webfm.metadataHT.put('id',new Webfm.metaElement(Webfm.meta_msg["fid"],   false,0  ));
  Webfm.metadataHT.put('u', new Webfm.metaElement(Webfm.meta_msg["uid"],   true, 10 ));
  Webfm.metadataHT.put('un',new Webfm.metaElement(Webfm.meta_msg["uname"], false,0  ));
  Webfm.metadataHT.put('n', new Webfm.metaElement(Webfm.meta_msg["name"],  false,0  ));
  Webfm.metadataHT.put('t', new Webfm.metaElement(Webfm.meta_msg["title"], true, 255));
  Webfm.metadataHT.put('d', new Webfm.metaElement(Webfm.meta_msg["desc"],  true, 256));
  Webfm.metadataHT.put('l', new Webfm.metaElement(Webfm.meta_msg["lang"],  true, 16 ));
  Webfm.metadataHT.put('p', new Webfm.metaElement(Webfm.meta_msg["pub"],   true, 255));
  Webfm.metadataHT.put('f', new Webfm.metaElement(Webfm.meta_msg["format"],true, 255));
  Webfm.metadataHT.put('v', new Webfm.metaElement(Webfm.meta_msg["ver"],   false,0  ));
  Webfm.metadataHT.put('i', new Webfm.metaElement(Webfm.meta_msg["type"],  false,0  ));
  Webfm.metadataHT.put('w', new Webfm.metaElement(Webfm.meta_msg["width"], false,0  ));
  Webfm.metadataHT.put('h', new Webfm.metaElement(Webfm.meta_msg["height"],false,0  ));
  Webfm.metadataHT.put('c', new Webfm.metaElement(Webfm.meta_msg["dl_cnt"],false,0  ));
  Webfm.metadataHT.put('lk', new Webfm.metaElement(Webfm.meta_msg["link"], false,0  ));

  //build permissions hashtable
  //key is permission bit, value is string
  Webfm.permInfoHT = new Webfm.ht();
  Webfm.permInfoHT.put("id", Webfm.meta_msg["fid"]);
  Webfm.permInfoHT.put("u", Webfm.meta_msg["uid"]);
  Webfm.permInfoHT.put("n", Webfm.meta_msg["name"]);
  Webfm.permKey = new Array('1', '2', '4', '8');
  Webfm.permHT = new Webfm.ht();
  Webfm.permHT.put('1', Webfm.perm_msg["pub_view"]);
  Webfm.permHT.put('2', Webfm.perm_msg["rol_view"]);
  Webfm.permHT.put('4', Webfm.perm_msg["rol_att"] );
  Webfm.permHT.put('8', Webfm.perm_msg["rol_full"]);

  var layout_cont = Webfm.ce('div');
  Webfm.alrtObj = new Webfm.alert(layout_cont, 'webfm-alert');

  //Container for tree(s)
  var elTreeDiv = Webfm.ce('div');
  elTreeDiv.setAttribute('id', 'webfm-tree'); //css id
  layout_cont.appendChild(elTreeDiv);
  Webfm.dirTreeObj = new Webfm.treeBuilder(elTreeDiv, Webfm.menuHT.get('root'), Webfm.menuHT.get('dir'));

  //progress indicator
  Webfm.progressObj = new Webfm.progress(layout_cont, 'webfm-progress');

  //Directory Listing
  Webfm.dirListObj = new Webfm.list(layout_cont, 'webfm-dirlist', 'file', 'narrow', true, Webfm.menuHT.get('dir'), Webfm.menuHT.get('file'));

  //insert trees, listing, search, metadata, progress and alert divs before upload fset built in php
  parent.insertBefore(layout_cont, parent.firstChild);
//  parent.appendChild(layout_cont); //If upload desired to be placed above browser

  webfmUploadAutoAttach();
}

//Attaches the upload behaviour to the upload form (borrowed jquery).
function webfmUploadAutoAttach(){
  $('input.webfmupload').each(function () {
    var uri = this.value;
    var button = 'wfmatt-button';
    var wrapper = 'wfmatt-wrapper';
    var hide = 'wfmatt-hide';
    var upload = new Webfm.jsUpload(uri, button, wrapper, hide);
  });
}

/**
 * Webfm.jsUpload constructor
 * 1st param is upload iframe url
 * 2nd param is id of redirected button object)
 * 3rd param is id of container of html repainted by ajax
 * 4th param is id of upload input field
 * TODO: fix progress throbber
 */
Webfm.jsUpload = function(uri, button, wrapper, hide) {
  // Note: these elements are replaced after an upload, so we re-select them
  // everytime they are needed.
  this.button = '#'+ button;
  this.wrapper = '#'+ wrapper;
  this.hide = '#'+ hide;
  Drupal.redirectFormButton(uri, $(this.button).get(0), this);
}

//Handler for the form redirection submission.
Webfm.jsUpload.prototype.onsubmit = function () {
  Webfm.progressObj.show(Webfm.js_msg["work"],  "blue");
  var hide = this.hide;
  $(hide).fadeOut('slow');
}

//Handler for the form redirection completion.
Webfm.jsUpload.prototype.oncomplete = function (data) {
  // Remove old form
  Drupal.freezeHeight(); // Avoid unnecessary scrolling
  $(this.wrapper).html('');

  // Place HTML into temporary div
  var div = document.createElement('div');
  $(div).html(data['html']);
  $(this.wrapper).append(div);

  //div with id='replace-options' present only in case of file overwrite
  this.confirm = Webfm.$('replace-options');
  if(this.confirm) {
    var hide = this.hide;
    $(hide).fadeOut('slow');
    var cp = this;
    this.confirm.id = 'replace-options';
    var replaceButton = Webfm.ce('input');
    replaceButton.setAttribute('type', 'button');
    replaceButton.setAttribute('value', Webfm.js_msg["submit"]);
    var listener = Webfm.eventListenerAdd(Webfm.eventListeners, replaceButton, "click", function(e) { cp.submit(); Webfm.stopEvent(e); });
    this.confirm.appendChild(replaceButton);
    this.confirm.file = data['file'];
  } else {
    $(this.hide, div).fadeIn('slow');
    webfmUploadAutoAttach();
  }

  Drupal.unfreezeHeight();
  Webfm.progressObj.hide();

  Webfm.dirListObj.refresh();
  if(typeof Webfm.$('webfm-inline') != 'undefined') {
    // attach file to node if inside node-edit
    if(typeof data['fid'] != 'undefined') {
      Webfm.menuAttach(null, data['fid']);
    }
  }
}

//Handler for the form redirection error.
Webfm.jsUpload.prototype.onerror = function (error) {
  alert('An error occurred:\n\n'+ error);
  Webfm.progressObj.hide();
  if(this.confirm)
    Webfm.clearNodeById('replace-options');
  // Undo hide
  $(this.hide).css({
    position: 'static',
    left: '0px'
  });
}

Webfm.jsUpload.prototype.submit = function () {
  var inputs = [];
  inputs = this.confirm.getElementsByTagName('input');
  var selection = '';
  for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].checked == true) {
      selection = i;
      break;
    }
  }
  if(typeof selection != 'undefined') {
    var url = Webfm.ajaxUrl();
    Webfm.progressObj.show(Webfm.js_msg["work"],  "blue");
    var postObj = { action:encodeURIComponent("version"), param0:encodeURIComponent(selection), param1:encodeURIComponent(this.confirm.file)};
    Webfm.HTTPPost(url, this.callback, this, postObj);
  }
}

Webfm.jsUpload.prototype.callback = function(string, xmlhttp, cp) {
  Webfm.progressObj.hide();
  // Remove overwrite radios
  var parent = cp.confirm.parentNode;
  parent.removeChild(parent.firstChild);
  var hide = cp.hide;
  if (xmlhttp.status == 200) {
    var result = Drupal.parseJson(string);

    if(result.status) {
      Webfm.dirListObj.refresh();
    }
    cp.confirm.style.display = 'none';
    // Insert ajax feedback before upload form
    var elDiv = Webfm.ce('div');
    if(result.status) {
    elDiv.className = 'upload-msg';
    } else {
      elDiv.className = 'upload-msg-err';
    }
    elDiv.appendChild(Webfm.ctn(result.data['msg']));
    $(hide).before($(elDiv));

    // Undo hide
    Webfm.dbgObj.dbg("hide:", Webfm.dump(hide));
    $(hide).css({ display: 'block' });
    webfmUploadAutoAttach();

    if(typeof Webfm.$('webfm-inline') != 'undefined') {
      // attach file to node if inside node-edit
      if(typeof result.data['fid'] != 'undefined') {
        Webfm.menuAttach(null, result.data['fid']);
      }
    }
  } else {
    Webfm.alrtObj.msg(Webfm.js_msg["ajax-err"]);
  }
}

/**
 * Webfm.list constructor
 * 1st param is object to append this list object to
 * 2nd param is base id of listing (multiple listing objects must have unique ids)
 * 3rd param is base id of file rows of table
 * 4th param sets styling for listing
 * 5th param enables drag and drop
 * 6th param is directory menu array
 * 7th param is file menu array
 */
Webfm.list = function(parent, id, type, class_name, dd_enable, dir_menu, file_menu) {
  var wl = this;
  this.id = id;
  this.type = type;
  this.dd_enable = dd_enable;
  this.url = Webfm.ajaxUrl();
  this.sc_n = 0;
  this.sc_m = 0;
  this.sc_s = 0;
  this.content = '';
  this.iconDir = getWebfmIconDir();
  this.dir_menu = dir_menu;
  this.file_menu = file_menu;
  //directory cache hashtable (key= directory path, val= directory contents)
  this.cache = new Webfm.ht();
  this.eventListeners = []

  var node = Webfm.ce("div");
  node.setAttribute('id', this.id);
  node.className = class_name;
  this.obj = node;

  var elTable = Webfm.ce('table');
  var elTableBody = Webfm.ce('tbody');
//  elTableBody.setAttribute('id', this.id + 'body');
  this.body = elTableBody;

  // First Row
  var elTr = Webfm.ce('tr');
  elTr.setAttribute('id','webfm-top-tr');

  // Refresh Icon
  var elTd = Webfm.ce('td');
  elTd.className = 'navi';
  var elA = Webfm.ce('a');
  elA.setAttribute('href', '#');
  elA.setAttribute('title', Webfm.js_msg["refresh"]);
  var elImg = Webfm.ce('img');
  elImg.setAttribute('src', this.iconDir+ '/r.gif');
  elImg.setAttribute('alt', Webfm.js_msg["refresh"]);
  elA.appendChild(elImg);
  elTd.appendChild(elA);
  elTr.appendChild(elTd);
  var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { wl.refresh(Webfm.current);Webfm.stopEvent(e); });

  // Breadcrumb trail
  var elTd = Webfm.ce('td');
  elTd.colSpan = getWebfmOwnerColumn() ? 4 : 3
  elTd.setAttribute('id','webfm-bcrumb-td');
  elTd.setAttribute('class','navi');
  // Build breadcrumb trail inside span
  var elSpan = Webfm.ce('span');
  elSpan.setAttribute('id', this.id + 'bcrumb');
  elTd.appendChild(elSpan);
  elTr.appendChild(elTd);

  elTableBody.appendChild(elTr);

  // Second Row
  var elTr = Webfm.ce('tr');
  this.secondRow = elTr;

  // icon column
  var elTd = Webfm.ce('td');
  elTd.className = 'head';
  elTr.appendChild(elTd);

  // Sort dir/files column
  var elTd = Webfm.ce('td');
  elTd.className = 'head';
  var elA = Webfm.ce('a');
  elA.setAttribute('href', '#');
  elA.setAttribute('title', Webfm.js_msg["sort"]);
  var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { wl.sc_n^=1;wl.loadList("n");wl.sortIcon(e,wl.sc_n);Webfm.stopEvent(e); });

  var elImg = Webfm.ce('img');
  elImg.setAttribute('alt', Webfm.js_msg["sort"]);
  elImg.setAttribute('src', this.iconDir + '/down.gif');
  elA.appendChild(elImg);
  elA.appendChild(Webfm.ctn(Webfm.js_msg["column1"]));
  elTd.appendChild(elA);
  elTr.appendChild(elTd);

  // date/time column
  var elTd = Webfm.ce('td');
  elTd.className = 'head';
  var elA = Webfm.ce('a');
  elA.setAttribute('href', '#');
  var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { wl.sc_m^=1;wl.loadList("m");wl.sortIcon(e,wl.sc_m);Webfm.stopEvent(e); });

  var elImg = Webfm.ce('img');
  elImg.setAttribute('alt', Webfm.js_msg["sort"]);
  elImg.setAttribute('src', this.iconDir + '/down.gif');
  elA.appendChild(elImg);
  elA.appendChild(Webfm.ctn(Webfm.js_msg["column2"]));
  elTd.appendChild(elA);
  elTr.appendChild(elTd);

  // size column
  var elTd = Webfm.ce('td');
  elTd.className = 'head';
  var elA = Webfm.ce('a');
  elA.setAttribute('href', '#');
  var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { wl.sc_s^=1;wl.loadList("s");wl.sortIcon(e,wl.sc_s);Webfm.stopEvent(e); });

  var elImg = Webfm.ce('img');
  elImg.setAttribute('alt', Webfm.js_msg["sort"]);
  elImg.setAttribute('src', this.iconDir + '/down.gif');
  elA.appendChild(elImg);
  elA.appendChild(Webfm.ctn(Webfm.js_msg["column3"]));
  elTd.appendChild(elA);
  elTr.appendChild(elTd);

  // owner column
  if(getWebfmOwnerColumn()) {
    var elTd = Webfm.ce('td');
    elTd.className = 'head';
    var elA = Webfm.ce('a');
    elA.setAttribute('href', '#');
    var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { wl.sc_o^=1;wl.loadList("o");wl.sortIcon(e,wl.sc_o);Webfm.stopEvent(e); });

    var elImg = Webfm.ce('img');
    elImg.setAttribute('alt', Webfm.js_msg["sort"]);
    elImg.setAttribute('src', this.iconDir + '/down.gif');
    elA.appendChild(elImg);
    elA.appendChild(Webfm.ctn(Webfm.js_msg["column4"]));
    elTd.appendChild(elA);
    elTr.appendChild(elTd);
  }

  elTableBody.appendChild(elTr);

  elTable.appendChild(elTableBody);
  node.appendChild(elTable);
  parent.appendChild(node);
}

Webfm.list.prototype.bcrumb = function() {
  var cp = this;
  Webfm.clearNodeById(this.id + 'bcrumb');
  elSpan = Webfm.$(this.id + 'bcrumb');
  var pth = [];
  for(var i = 0; i < this.content.bcrumb.length - 1; i++) {
    pth.push(this.content.bcrumb[i]);
    elSpan.appendChild(Webfm.ctn(" / "));
    // No breadcrumb link necessary for current directory
    var elA = Webfm.ce('a');
    elA.setAttribute('href', '#');
    // join previous loop iterations to create path for title
    elA.setAttribute('title', "/" + pth.join("/"));
    elA.appendChild(Webfm.ctn(this.content.bcrumb[i]));
    //IE fix
    var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { cp.selectBC(e);Webfm.stopEvent(e); });
    elSpan.appendChild(elA);
  }
  elSpan.appendChild(Webfm.ctn(" / "));
  elSpan.appendChild(Webfm.ctn(this.content.bcrumb[i]));
}

Webfm.list.prototype.selectBC = function(event) {
  var el = event.target||window.event.srcElement;
  Webfm.selectDir(el.title);
}

Webfm.list.prototype.sortIcon = function(event, up_down) {
  var el = event.target||window.event.srcElement;
  if(el.firstChild) {
    el.firstChild.src = this.iconDir + '/' + (up_down?"up":"down") + '.gif';
  }
}

Webfm.list.prototype.refresh = function(path, rename_dir) {
  if(path == null)
    path = Webfm.current;
  this.cache.remove(path);
  if(typeof rename_dir != 'undefined') {
    this.rename_dir = rename_dir;
  }
  this.fetch(path);
}

Webfm.list.prototype.fetch = function(curr_dir) {
  Webfm.alrtObj.msg();
  if(curr_dir || (curr_dir = Webfm.current)) {
    Webfm.progressObj.show(Webfm.js_msg["work"],  "blue");
    //update current dir if specific dir selected
    Webfm.current = curr_dir;
    Webfm.dbgObj.dbg('fetch: ', curr_dir);

    if(this.cache.containsKey(Webfm.current)) {
      Webfm.dbgObj.dbg('cache hit: ', Webfm.current);
      this.content = this.cache.get(Webfm.current);
      this.bcrumb();
      this.loadList();
      var uploadpath = Webfm.$('edit-webfmuploadpath');
      if(uploadpath) {
        uploadpath.value = Webfm.current;
      }
      Webfm.progressObj.hide();
    } else {
      Webfm.admin = false;
      var postObj = { action:encodeURIComponent("read"), param0:encodeURIComponent(curr_dir) };
      Webfm.HTTPPost(this.url, this.callback, this, postObj);
    }
  } else {
    Webfm.dbgObj.dbg(Webfm.js_msg["curdir-undef"]);
  }
}

Webfm.list.prototype.callback = function(string, xmlhttp, cp) {
  Webfm.progressObj.hide();
  if (xmlhttp.status == 200) {
    cp.content = Drupal.parseJson(string);
    if(cp.content.status) {
      cp.cache.put(cp.content.current, cp.content);
      //Sets client permissions - server will always validate any action
      Webfm.admin = cp.content.admin;

      cp.bcrumb();
      cp.loadList("n");

      // Insert current directory path into upload form
      var uploadpath = Webfm.$('edit-webfmuploadpath');
      if(uploadpath) {
        uploadpath.value = cp.content.current;
        Webfm.dbgObj.dbg('uploadpath: ', uploadpath.value);
      }
      Webfm.current = cp.content.current;
      cp.adminCtl(Webfm.admin);

      if(cp.rename_dir) {
        var found = false;
        for(var i = 0; i < Webfm.dirListObj.dirrows.length; i++) {
          if(cp.dirrows[i].clickObj.title == "/" + cp.rename_dir) {
            found = true;
            break;
          }
        }
        if(found)
          Webfm.menuRename(cp.dirrows[i]);
      }
    } else {
      Webfm.alrtObj.str_arr(cp.content.data);
    }
  } else {
    Webfm.alrtObj.msg(Webfm.js_msg["ajax-err"]);
  }
}

//build admin icons for create dir and file db insertion
//maintain 4 column table
Webfm.list.prototype.adminCtl = function(admin) {
  col_span = getWebfmOwnerColumn() ? 4 : 3
  if(admin) {
    if(Webfm.$('webfm-bcrumb-td').colSpan == col_span) {
      var wl = this;
      Webfm.$('webfm-bcrumb-td').colSpan = col_span - 1;
      // Create New Directory and allow db insertions
      var elTd = Webfm.ce('td');
      var elSpan = Webfm.ce('span');
      elSpan.id = this.id + "-ctls";

      var elA = Webfm.ce('a');
      elA.title = Webfm.js_msg["new-dir"];
      var elImg = Webfm.ce('img');
      elImg.setAttribute('alt', Webfm.js_msg["new-dir"]);
      elImg.setAttribute('src', this.iconDir + '/dn.gif');
      elA.appendChild(elImg);
      var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { Webfm.stopEvent(e);wl.mkdir(); });
      var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "mouseover", function(e) { wl.hover(e, true, 0); });
      var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "mouseout", function(e) { wl.hover(e, false, 0); });
      elSpan.appendChild(elA);

      var elA = Webfm.ce('a');
      elA.title = Webfm.js_msg["add-2-db"];
      var elImg = Webfm.ce('img');
      elImg.setAttribute('alt', Webfm.js_msg["add-2-db"]);
      elImg.setAttribute('src', this.iconDir + '/add_loc.gif');
      elA.appendChild(elImg);
      var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "click", function(e) { Webfm.stopEvent(e);wl.enumLocal(); });
      var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "mouseover", function(e) { wl.hover(e, true); });
      var listener = Webfm.eventListenerAdd(Webfm.eventListeners, elA, "mouseout", function(e) { wl.hover(e, false); });
      elSpan.appendChild(elA);

      var elA = Webfm.ce('a');
      elA.title = Webfm.js_msg["r-add-2-db"];
      var elImg = Webfm.ce('img');
      elImg.setAttribute('alt', Webfm.js_msg["r-add-2-db"]);
      elImg.setAttribute('src', this.iconDir + '/add_recur.gif');
      elA.appendChild(elImg);
