//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;

// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;

// Mausposition
var posx = 0;
var posy = 0;

var move = false;
var resize = false;

function activedrag() {
	var arbeiten = false;
	var b = document.getElementById("imageResizier");
	if(!move && !arbeiten) { 
		move = true;
		arbeiten = true;
		b.style.cursor = "move";
		draginit();
	}
	if(move && !arbeiten) { 
		move = false; 
		arbeiten = true;
		b.style.cursor = "default";
	}
}

function activeresize() {
	var arbeiten = false;
	var c = document.getElementById("slidebar");
	if(!resize && !arbeiten) { 
		resize = true;
		arbeiten = true;
		c.style.display = "block";		
	}
	if(resize && !arbeiten) { 
		resize = false; 
		arbeiten = true;
		c.style.display = "none";
	}
}

function hovercraft() {
	a = document.getElementById("imageResizierControll");
	a.style.display = "block";
}

function outercraft() {
	if(!move && !resize) {
		dragobjekt = null;
		a = document.getElementById("imageResizierControll");
		a.style.display = "none";
	}
}

function resizeImage(width, height, bild,inputH,inputW) {	
	var slide = document.getElementById("slideValue");
	var prozent = (slide.value/100);
	
	var newWidth = parseInt(width * prozent);
	var newHeight = parseInt(height * prozent);
	
	bild.width = newWidth;
	bild.height = newHeight;
	
	inputW.value = newWidth;
	inputH.value = newHeight;
}

function draginit() {
 // Initialisierung der Überwachung der Events
  document.onmousemove = drag;
  document.onmouseup = dragstop;
  document.onmousedown = dragstart;
}

function dragstart() {
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.
	if(move) {
		dragobjekt = document.getElementById("imageResizier");
		moveLeft = document.getElementById("moveLeft");
		moveTop = document.getElementById("moveTop");
		dragx = posx - dragobjekt.offsetLeft;
		dragy = posy - dragobjekt.offsetTop;
	}
  return false;
}

function dragstop() {
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.

  dragobjekt=null;
  return false;
}

function drag(e) {
  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.
		
  if(move) {
		posx = document.all ? window.event.clientX : e.pageX;
		posy = document.all ? window.event.clientY : e.pageY;
		if(dragobjekt != null) {
			var X = (posx - dragx) + "px";
			var Y = (posy - dragy) + "px";
			dragobjekt.style.left = X;
			dragobjekt.style.top = Y;
			moveLeft.value = X;
			moveTop.value = Y;
		}
	}
  return false;
}