var mouseX = 0;
var mouseY = 0;
var oldMouseX = 0;
var oldMouseY = 0;

var moveIdC;

/*
window.onload = init;
function init() {
  if(window.Event){
   document.captureEvents(Event.MOUSEMOVE);
  }

  document.onmousemove = getXY;
}

function getXY(e) {
  mouseX = (window.Event) ? e.pageX : event.clientX;
  mouseY = (window.Event) ? e.pageY : event.clientY;
}
*/

document.onmousemove = alertCoord;

function alertCoord(e) {
  var xcoord, ycoord;
  if( !e ) { e = window.event; }
  if( !e ) { return; }
  if( typeof( e.pageX ) == 'number' ) {
    xcoord = e.pageX;
    ycoord = e.pageY;
  } else if( typeof( e.clientX ) == 'number' ) {
    xcoord = e.clientX;
    ycoord = e.clientY;
    if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
      xcoord += document.body.scrollLeft;
      ycoord += document.body.scrollTop;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
      xcoord += document.documentElement.scrollLeft;
      ycoord += document.documentElement.scrollTop;
    }
  //} else { return; }
  }

  x = xcoord;
  y = ycoord;
  mouseX = xcoord;
  mouseY = ycoord;
  
  // zmena pozicTabulky
  if (currenttable && currenttable.dragObject) {
      e   = e || window.event;
      var mousePos = currenttable.mouseCoords(e);
      var yOfset = mousePos.y - currenttable.mouseOffset.y;
      if (y != currenttable.oldY) {
          // work out if we're going up or down...
          var movingDown = yOfset > currenttable.oldY;
          // update the old value
          currenttable.oldY = yOfset;
          // update the style to show we're dragging
          currenttable.dragObject.style.backgroundColor = "red";
          // If we're over a row then move the dragged row to there so that the user sees the
          // effect dynamically
          var currentRow = currenttable.findDropTargetRow(yOfset);
          if (currentRow) {
              if (movingDown && currenttable.dragObject != currentRow) {
                  currenttable.dragObject.parentNode.insertBefore(currenttable.dragObject, currentRow.nextSibling);
              } else if (! movingDown && currenttable.dragObject != currentRow) {
                  currenttable.dragObject.parentNode.insertBefore(currenttable.dragObject, currentRow);
              }
          }
      }

      return false;
  }

  
}



function posun(elm, akce){

  elmMove = document.getElementById(elm);
  var retPoz = findPos(elmMove);

  if(akce == "start"){

    var posunX = 0;
    var posunY = 0;

    oldMouseX = mouseX;
    oldMouseY = mouseY;

    moveIdC = window.setTimeout("posun('" + elm + "');", 10);

  } else {

    var posunX = mouseX - oldMouseX;
    var posunY = mouseY - oldMouseY;

    oldMouseX = mouseX;
    oldMouseY = mouseY;

    var zleva = retPoz[0] + posunX;
    var zhora = retPoz[1] + posunY;

    elmMove.style.top = zhora + 'px';
    elmMove.style.left = zleva + 'px';

    if(akce == "konec"){
      window.clearTimeout(moveIdC);
    } else {
      moveIdC = window.setTimeout("posun('" + elm + "');", 10);
    }

  }

}

function findPos(obj) {
   var curleft = 0;
   var curtop = 0;
   if (obj.offsetParent) {
      curleft = obj.offsetLeft
      curtop = obj.offsetTop
      while (obj = obj.offsetParent) {
         curleft += obj.offsetLeft
         curtop += obj.offsetTop
      }
   }
   return [curleft,curtop];
}


function resetfilter(phrase, _id){
  document.getElementById(phrase).value = " ";
  filter(phrase, _id);
}

function filter(phrase, _id){

  var phraseval = document.getElementById(phrase).value;
  var words = phraseval.toLowerCase().split(" ");
  var table = document.getElementById(_id);
  var ele;

	for (var r = 1; r < table.rows.length; r++){
		ele = table.rows[r].innerHTML.replace(/<[^>]+>/g,"");
	  var displayStyle = 'none';
	  for (var i = 0; i < words.length; i++) {
		  if (ele.toLowerCase().indexOf(words[i])>=0){
			  displayStyle = '';
	    } else {
			  displayStyle = 'none';
			  break;
	    }
    }
		table.rows[r].style.display = displayStyle;
	}
}

function showhide(elm){
  if(document.getElementById(elm)){
    if(document.getElementById(elm).style.display == "none"){
      document.getElementById(elm).style.display = "";
    } else {
      document.getElementById(elm).style.display = "none";
    }
  }
}

function kontrola_emailu(adresa){
  re = /^[^.]+(\.[^.]+)*@([^.]+[.])+[a-z]{2,6}$/;
  return adresa.search(re) == 0;
}


// posun tabulky

var currenttable = null;

function as4uTableRowsChange(tableObj){
  var table = document.getElementById(tableObj.id);
  var tableDnD = new TableDnD();
  tableDnD.init(table);
}

/*
document.onmousemove = function(ev){
    if (currenttable && currenttable.dragObject) {
        ev   = ev || window.event;
        var mousePos = currenttable.mouseCoords(ev);
        var y = mousePos.y - currenttable.mouseOffset.y;
        if (y != currenttable.oldY) {
            // work out if we're going up or down...
            var movingDown = y > currenttable.oldY;
            // update the old value
            currenttable.oldY = y;
            // update the style to show we're dragging
            currenttable.dragObject.style.backgroundColor = "#eee";
            // If we're over a row then move the dragged row to there so that the user sees the
            // effect dynamically
            var currentRow = currenttable.findDropTargetRow(y);
            if (currentRow) {
                if (movingDown && currenttable.dragObject != currentRow) {
                    currenttable.dragObject.parentNode.insertBefore(currenttable.dragObject, currentRow.nextSibling);
                } else if (! movingDown && currenttable.dragObject != currentRow) {
                    currenttable.dragObject.parentNode.insertBefore(currenttable.dragObject, currentRow);
                }
            }
        }

        return false;
    }
}
*/
// Similarly for the mouseup
document.onmouseup   = function(ev){
    if (currenttable && currenttable.dragObject) {
        var droppedRow = currenttable.dragObject;
        // If we have a dragObject, then we need to release it,
        // The row will already have been moved to the right place so we just reset stuff
        droppedRow.style.backgroundColor = 'transparent';
        currenttable.dragObject   = null;
        // And then call the onDrop method in case anyone wants to do any post processing
        currenttable.onDrop(currenttable.table, droppedRow);
        currenttable = null; // let go of the table too
        
    }
}


/** get the source element from an event in a way that works for IE and Firefox and Safari
 * @param evt the source event for Firefox (but not IE--IE uses window.event) */
function getEventSource(evt) {
    if (window.event) {
        evt = window.event; // For IE
        return evt.srcElement;
    } else {
        return evt.target; // For Firefox
    }
}

/**
 * Encapsulate table Drag and Drop in a class. We'll have this as a Singleton
 * so we don't get scoping problems.
 */
function TableDnD() {
    /** Keep hold of the current drag object if any */
    this.dragObject = null;
    /** The current mouse offset */
    this.mouseOffset = null;
    /** The current table */
    this.table = null;
    /** Remember the old value of Y so that we don't do too much processing */
    this.oldY = 0;

    /** Initialise the drag and drop by capturing mouse move events */
    this.init = function(table) {
        this.table = table;
        var rows = table.tBodies[0].rows; //getElementsByTagName("tr")
        for (var i=0; i<rows.length; i++) {
			// John Tarr: added to ignore rows that I've added the NoDnD attribute to (Category and Header rows)
			var nodrag = rows[i].getAttribute("NoDrag")
			if (nodrag == null || nodrag == "undefined") { //There is no NoDnD attribute on rows I want to drag
				this.makeDraggable(rows[i]);
			}
        }
    }

    /** This function is called when you drop a row, so redefine it in your code
        to do whatever you want, for example use Ajax to update the server */
    this.onDrop = function(table, droppedRow) {
      
      as4uSaveRowsShort(table);
/*
      //alert(table.id);
      //alert(droppedRow.id);
        var rows = table.rows;
        for(var i=0;i<rows.length;i++)
        {
          alert(i + ' - ' + rows[i].id);
        }
*/

        // Do nothing for now
    }

	/** Get the position of an element by going up the DOM tree and adding up all the offsets */
    this.getPosition = function(e){
        var left = 0;
        var top  = 0;
		/** Safari fix -- thanks to Luis Chato for this! */
		if (e.offsetHeight == 0) {
			/** Safari 2 doesn't correctly grab the offsetTop of a table row
			    this is detailed here:
			    http://jacob.peargrove.com/blog/2006/technical/table-row-offsettop-bug-in-safari/
			    the solution is likewise noted there, grab the offset of a table cell in the row - the firstChild.
			    note that firefox will return a text node as a first child, so designing a more thorough
			    solution may need to take that into account, for now this seems to work in firefox, safari, ie */
			e = e.firstChild; // a table cell
		}

        while (e.offsetParent){
            left += e.offsetLeft;
            top  += e.offsetTop;
            e     = e.offsetParent;
        }

        left += e.offsetLeft;
        top  += e.offsetTop;

        return {x:left, y:top};
    }

	/** Get the mouse coordinates from the event (allowing for browser differences) */
    this.mouseCoords = function(ev){
        if(ev.pageX || ev.pageY){
            return {x:ev.pageX, y:ev.pageY};
        }
        return {
            x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
            y:ev.clientY + document.body.scrollTop  - document.body.clientTop
        };
    }

	/** Given a target element and a mouse event, get the mouse offset from that element.
		To do this we need the element's position and the mouse position */
    this.getMouseOffset = function(target, ev){
        ev = ev || window.event;

        var docPos    = this.getPosition(target);
        var mousePos  = this.mouseCoords(ev);
        return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
    }

	/** Take an item and add an onmousedown method so that we can make it draggable */
    this.makeDraggable = function(item) {
        if(!item) return;
        var self = this; // Keep the context of the TableDnd inside the function
        item.onmousedown = function(ev) {
            // Need to check to see if we are an input or not, if we are an input, then
            // return true to allow normal processing
            var target = getEventSource(ev);
            if (target.tagName == 'INPUT' || target.tagName == 'SELECT') return true;
            currenttable = self;
            self.dragObject  = this;
            self.mouseOffset = self.getMouseOffset(this, ev);
            return false;
        }
        item.style.cursor = "move";
    }

    /** We're only worried about the y position really, because we can only move rows up and down */
    this.findDropTargetRow = function(y) {
        var rows = this.table.tBodies[0].rows;
		for (var i=0; i<rows.length; i++) {
			var row = rows[i];
			// John Tarr added to ignore rows that I've added the NoDnD attribute to (Header rows)
			var nodrop = row.getAttribute("NoDrop");
			if (nodrop == null || nodrop == "undefined") {  //There is no NoDnD attribute on rows I want to drag
				var rowY    = this.getPosition(row).y;
				var rowHeight = parseInt(row.offsetHeight)/2;
				if (row.offsetHeight == 0) {
					rowY = this.getPosition(row.firstChild).y;
					rowHeight = parseInt(row.firstChild.offsetHeight)/2;
				}
				// Because we always have to insert before, we need to offset the height a bit
				if ((y > rowY - rowHeight) && (y < (rowY + rowHeight))) {
					// that's the row we're over
					return row;
				}
			}
		}
		return null;
	}
}