//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 b = $("#imageResizier");
	if(!move) { 
		move = true;
		b.draggable("enable");
		b.css('cursor', 'move');
	} else if(move) { 
		move = false; 
		b.draggable("disable");
		b.removeClass('ui-draggable-disabled');
		b.removeClass('ui-state-disabled');
		b.css('cursor', 'default');
	}
}

function activeresize() {
	var c = $("#slidebar");
	if(!resize) { 
		resize = true;
		c.css('display','block');
	} else if(resize) { 
		resize = false; 
		c.css('display','none');
	}
}

function hovercraft() {
	$("#imageResizierControll").css('display','block');
}

function outercraft() {
	$("#imageResizierControll").css('display','none');
}

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