/*
 * Copyright (C) 2010 Emweb bvba, Kessel-Lo, Belgium.
 *
 * See the LICENSE file for terms of use.
 */

/* Note: this is at the same time valid JavaScript and C++. */

WT_DECLARE_WT_MEMBER
(1, JavaScriptConstructor, "WTreeView",
 function(APP, el, contentsContainer, headerContainer, rowHeaderCount) {
   jQuery.data(el, 'obj', this);

   var contents = contentsContainer.firstChild;
   var headers = headerContainer.firstChild;

   var self = this;
   var WT = APP.WT;

   /** @const */ var EnsureVisible = 0;
   /** @const */ var PositionAtTop = 1;
   /** @const */ var PositionAtBottom = 2;
   /** @const */ var PositionAtCenter = 3;

   function getItem(event) {
     var columnId = -1, nodeId = null, selected = false,
         drop = false, ele = null;

     var t = WT.target(event);

     while (t) {
       if (t.className.indexOf('c1 rh') == 0) {
	 if (columnId == -1)
           columnId = 0;
       } else if (t.className.indexOf('Wt-tv-c') == 0) {
	 if (t.className.indexOf('Wt-tv-c') == 0)
           columnId = t.className.split(' ')[0].substring(7) * 1;
	 else if (columnId == -1)
	 columnId = 0;
	 if (t.getAttribute('drop') === 'true')
	   drop = true;
	 ele = t;
       } else if (t.className == 'Wt-tv-node') {
	 nodeId = t.id;
	 break;
       }
       if (t.className === 'Wt-selected')
	 selected = true;
       t = t.parentNode;
       if (WT.hasTag(t, 'BODY'))
	 break;
     }

     return { columnId: columnId, nodeId: nodeId, selected: selected,
	      drop: drop, el: ele };
   };

   this.click = function(obj, event) {
     var item = getItem(event);
     if (item.columnId != -1) {
       APP.emit(el, { name: 'itemEvent', eventObject: obj, event: event },
		item.nodeId, item.columnId, 'clicked', '', '');
     }
   };

   this.dblClick = function(obj, event) {
     var item = getItem(event);
     if (item.columnId != -1) {
       APP.emit(el, { name: 'itemEvent', eventObject: obj, event: event },
		item.nodeId, item.columnId, 'dblclicked', '', '');
     }
   };

   this.mouseDown = function(obj, event) {
     WT.capture(null);
     var item = getItem(event);
     if (item.columnId != -1) {
       APP.emit(el, { name: 'itemEvent', eventObject: obj, event: event },
		item.nodeId, item.columnId, 'mousedown', '', '');
       if (el.getAttribute('drag') === 'true' && item.selected)
         APP._p_.dragStart(el, event);
     }
   };

   this.mouseUp = function(obj, event) {
     var item = getItem(event);
     if (item.columnId != -1) {
       APP.emit(el, { name: 'itemEvent', eventObject: obj, event: event },
		item.nodeId, item.columnId, 'mouseup', '', '');
     }
   };

   this.resizeHandleMDown = function(obj, event) {
     var parent = obj.parentNode.parentNode,
         c = parent.className.split(' ')[0];

     if (c) {
       var r = WT.getCssRule('#' + el.id + ' .' + c),
           cw = WT.pxself(r, 'width'),
           minDelta = -cw,
           maxDelta = 10000,
	   rtl = $(document.body).hasClass('Wt-rtl');

       if (rtl) {
         var tmp = minDelta;
         minDelta = -maxDelta;
         maxDelta = -tmp;
       }

       new WT.SizeHandle(WT, 'h', obj.offsetWidth, el.firstChild.offsetHeight,
	                 minDelta, maxDelta, 'Wt-hsh',
			 function (delta) {
			   var newWidth = cw + (rtl ? -delta : delta),
			       columnId = c.substring(7) * 1;
			   r.style.width = newWidth + 'px';
			   self.adjustColumns();
			     APP.emit(el, 'columnResized', columnId,
				      parseInt(newWidth));
			 }, obj, el, event, -2, -1);
     }
   };

   /*
    * this adjusts invariants that take into account column resizes
    *
    * c0w is set as soon as possible.
    *
    *  if (!column1 fixed):
    *    1) width('Wt-headerdiv') = sum(column widths)
    *    2) width('float: right') = sum(column(-1) widths)
    *    3) width(table parent) = width('Wt-headerdiv')
    *  else
    *    4) width('Wt-rowc') = sum(column(-1) widths)
    */
   var adjustScheduled = false;

   /*
    * sometimes autoJavaScript() will run before adjustColumns() 
    * we should schedule the autoJavaScript() after first calling adjustColumns(). --DQ Qin
    */
   var adjustColumnsDone = false;  
   var adjustColumnsFirstTime = true;

   this.adjustColumns = function() {
     if (adjustScheduled)
       return;

     adjustScheduled = true;

     setTimeout(function() {
       adjustScheduled = false;

       var t = contents.firstChild, // table parent
	   hc = headers.firstChild, // Wt-tv-row
           allw_1=0, allw=0,
           c0id = headers.lastChild.className.split(' ')[0],
           c0r = WT.getCssRule('#' + el.id + ' .' + c0id);

	if (rowHeaderCount)
	  hc = hc.firstChild; // Wt-tv-rowc

       	if (WT.isHidden(el) || (headers.offsetWidth - hc.offsetWidth < 8))
	  return;

       for (var i=0, length=hc.childNodes.length; i < length; ++i) {
	 if (hc.childNodes[i].className) { // IE may have only a text node
	   var cl = hc.childNodes[i].className.split(' ')[0],
	     r = WT.getCssRule('#' + el.id + ' .' + cl);

	   if (r.style.display == 'none')
	     continue;

	   // 7 = 2 * 3px (padding) + 1px border
	   allw_1 += WT.pxself(r, 'width') + 7;
	 }
       }

       if (!rowHeaderCount)
	 if (!c0r.style.width)  // first resize and c0 width not set
	   c0r.style.width = (headers.offsetWidth - hc.offsetWidth - 8) + 'px';
	 else
	   $(el).find('.Wt-headerdiv .' + c0id).css('width', c0r.style.width);

       allw = allw_1 + WT.pxself(c0r, 'width') + (WT.isIE6 ? 10 : 8);

       if (!rowHeaderCount) {
	 headers.style.width = t.style.width = allw + 'px';
	 hc.style.width = allw_1 + 'px';
       } else {
	 var r = WT.getCssRule('#' + el.id + ' .Wt-tv-rowc');
	 r.style.width = allw_1 + 'px';

         //.Wt-tv-row should also be changed, otherwise right float divs will be "hidden" --DQ Qin
	 var r1 = WT.getCssRule('#' + el.id + ' .Wt-tv-row');
	 r1.style.width = allw_1 + 'px';

	if (WT.isIE) {
	   setTimeout(function() {
			$(el).find('.Wt-tv-rowc')
			  .css('width', allw_1 + 'px')
			  .css('width', '');
			$(el).find('.Wt-tv-row')
			  .css('width', allw_1 + 'px')
			  .css('width', '');
		      }, 0);
	}

	el.changed = true;
       }

       // schedule autoJavaScript() at the end of adjustColumns() -- DQ Qin
       if (adjustColumnsFirstTime) {
         self.autoJavaScript();
	 adjustColumnsFirstTime = false;
       }
       adjustColumnsDone = true;
     }, 0);
   };

   var dropEl = null;

   el.handleDragDrop=function(action, object, event, sourceId, mimeType) {
     if (dropEl) {
       dropEl.className = dropEl.classNameOrig;
       dropEl = null;
     }

     if (action=='end')
       return;

     var item = getItem(event);

     if (!item.selected && item.drop && item.columnId != -1) {
       if (action=='drop') {
	 APP.emit(el, { name: 'itemEvent', eventObject: object, event: event },
		  item.nodeId, item.columnId, 'drop', sourceId, mimeType);
       } else {
         object.className = 'Wt-valid-drop';
         dropEl = item.el;
         dropEl.classNameOrig = dropEl.className;
         dropEl.className = dropEl.className + ' Wt-drop-site';
       }
     } else {
       object.className = '';
     }
   };

  /*
   * This adjusts invariants that depend on the size of the whole
   * treeview:
   *
   *  - changes to the total width (tw inc. affected by scrollbar)
   *  - when column1 is fixed:
   *    * .row width
   *    * table parent width
   */

  this.autoJavaScript = function() {
      if (el.parentNode == null) {
	el = contentsContainer = headerContainer = contents = headers = null;
	this.autoJavaScript = function() { };
	return;
      }

      if (WT.isHidden(el))
	return;

      if (!adjustColumnsDone)  //adjustColumns() has never run. --DQ Qin
        return;

      var $el=$(el),
        c0id, c0r, c0w = null;

      var tw = WT.pxself(el, 'width');

      if (tw == 0)
	tw = el.clientWidth;
      else if (WT.boxSizing(el)) {
	tw -= WT.px(el, 'borderLeftWidth');
	tw -= WT.px(el, 'borderRightWidth');
      }

      var scrollwidth = contentsContainer.offsetWidth
        - contentsContainer.clientWidth;

      tw -= scrollwidth;

      if ($el.hasClass('column1')) {
	c0id = $el.find('.Wt-headerdiv').get(0)
	  .lastChild.className.split(' ')[0];
	c0r = WT.getCssRule('#' + el.id + ' .' + c0id);
	c0w = WT.pxself(c0r, 'width');

      }

      // XXX: IE's incremental rendering foobars completely
      if ((!WT.isIE || tw > 100)
	  && (tw != contentsContainer.tw ||
	      c0w != contentsContainer.c0w ||
	      el.changed)) {
	var adjustColumns = !el.changed;

	contentsContainer.tw = tw;
	contentsContainer.c0w = c0w;

	c0id = $el.find('.Wt-headerdiv').get(0)
	  .lastChild.className.split(' ')[0];
	c0r = WT.getCssRule('#' + el.id + ' .' + c0id);

	var table = contents.firstChild,
          r = WT.getCssRule('#' + el.id + ' .cwidth'),
          contentstoo = (r.style.width == table.offsetWidth + 'px'),
          hc = headers.firstChild;

	r.style.width = tw + 'px';

	contentsContainer.style.width = (tw + scrollwidth) + 'px';

	// IE moves the scrollbar left in rtl mode.
	if (!WT.isIE)
	  headerContainer.style.marginRight = scrollwidth + 'px';

	if (c0w != null) {
	  var w = tw - c0w - (WT.isIE6 ? 10 : 8);

	  if (w > 0) {
	    var w2
	      = Math.min(w, WT.pxself
			 (WT.getCssRule('#' + el.id + ' .Wt-tv-row'),'width'));
	    tw -= (w - w2);

	    headers.style.width=tw + 'px';
            table.style.width=tw + 'px';

            /* This is really slow in FF, slower than the jquery equivalent */
	    WT.getCssRule('#' + el.id + ' .Wt-tv-row').style.width = w2 + 'px';

	    if (WT.isIE)
	        setTimeout(function() {
			     $el.find(' .Wt-tv-row')
			       .css('width', w2 + 'px')
			       .css('width', '');
			   }, 0);
	  }
	} else {
	  if (contentstoo) {
	    headers.style.width=r.style.width;
	    table.style.width=r.style.width;
	  } else
	    headers.style.width = table.offsetWidth + 'px';
	}

	if (!rowHeaderCount && (table.offsetWidth - hc.offsetWidth >= 8))
	  c0r.style.width = (table.offsetWidth - hc.offsetWidth - 8) + 'px';

	el.changed = false;

	if (adjustColumns && !adjustColumnsFirstTime /* && WT.isIE */)
	  self.adjustColumns();
      }
  };

  this.scrollTo = function(x, y, rowHeight, hint) {
     if (y != -1) {
       y *= rowHeight;
       var top = contentsContainer.scrollTop,
	   height = contentsContainer.clientHeight;
       if (hint == EnsureVisible) {
	 if (top + height < y)
	   hint = PositionAtTop;
	 else if (y < top)
	   hint = PositionAtBottom;
       }

       switch (hint) {
       case PositionAtTop:
         contentsContainer.scrollTop = y; break;
       case PositionAtBottom:
         contentsContainer.scrollTop = y - (height - rowHeight); break;
       case PositionAtCenter:
         contentsContainer.scrollTop = y - (height - rowHeight)/2; break;
       }

       window.fakeEvent = {object: contentsContainer};
       contentsContainer.onscroll(window.fakeEvent);
       window.fakeEvent = null;
     }
  };

  self.adjustColumns();

 });