// JavaScript Document

// global variables
var dragObject = null;
var mouseOffset = null;
var dragMoveObject = null;

// capture mouse events
// document.onmousemove = mouseMove;
// document.onmouseup = mouseUp;

function init() { // Initialize

}

function init2() { // Initialize
  var tw_edit_buttonover = ""; // What button are we over?

  makeDraggable('tw_edit_window');
  dragMoveObject = document.getElementById('img1');
}

function changetitle(newtitle) { // Change Document Title to . . .
	document.title = newtitle;
}

function mousePoint(x,y) { // create a mouse point
  this.x = x;
  this.y = y;
}

function mousePosition(evnt) { // Find Mouse Position
  var x = parseInt(evnt.clientX);
  var y = parseInt(evnt.clientY);
  return new mousePoint(x,y);
}

function getMouseOffset(target, evnt) { // Get El's offset pos. w. page
  evnt = evnt || window.event;
  var mousePos = mousePosition(evnt);
  var x = mousePos.x - target.offsetLeft;
  var y = mousePos.y - target.offsetTop;
  return new mousePoint(x,y);
}

function mouseUp(evnt) { // turn off dragging
  dragObject = null;
}

function mouseMove(evnt) {
  // Move the invisible window anyway . . .
  evnt = evnt || window.event;
  var mousePos = mousePosition(evnt);
  // set new absolute position for MoveObject
  if (dragMoveObject) {
    dragMoveObject.style.position = 'absolute';
    dragMoveObject.style.top = mousePos.y + 0 + "px";
    dragMoveObject.style.left = mousePos.x + 0 + "px";
    // return false
  }
  if (!dragObject && !dragMoveObject) return;
  evnt = evnt || window.event;
  var mousePos = mousePosition(evnt);
  // if draggable, set new absolute position
  if (dragObject) {
    dragObject.style.position = 'absolute';
    dragObject.style.top = mousePos.y - mouseOffset.y + "px";
    dragObject.style.left = mousePos.x - mouseOffset.x + "px";
    return false;
  }
}

function makeDraggable(item) { // Make Object Draggable
  if (item) {
    item = document.getElementById(item);
    item.onmousedown = function(evnt) {
                         if (tw_edit_buttonover == "tw_edit_window_dragbar") {
						   dragObject = this;
                           mouseOffset = getMouseOffset(this, evnt);
                           return false;
                         }
                       };
  }
}

function tweditOnMouseDown() {
  if (tw_edit_buttonover != "") { // If tw_edit_ButtonOver is defined
    window.status = tw_edit_buttonover + " onmousedown"; // test code
    document.getElementById('img1').innerHTML = document.getElementById('1').innerHTML;
    document.getElementById('1').style.display = 'none';
  }
}

function tweditOnMouseUp() {
  if (tw_edit_buttonover != "") { // If twButtonOver is defined
    window.status = tw_edit_buttonover + " onmouseup"; // test code
  }
  document.getElementById("img1").innerHTML = "";
  document.getElementById("1").style.display = "block";
}

function tweditOnMouseOver(tw_edit_button) {
  tw_edit_buttonover = tw_edit_button;
  window.status = tw_edit_buttonover + " onmouseover"; // test code
}

function tweditOnMouseOut() {
  tw_edit_buttonover = "";
  window.status = "onmouseout"; // test code
}
