var elem;
var divHeight;
var mouseX;
var mouseY;

function returnNumber (str) {
	var result = '';
	for (i = 0; i < str.length; i++) {
		if ((str.charAt(i) * 1) >= 0 && (str.charAt(i) * 1) <= 9)
			result += str.charAt(i);
		else
			return result *1;
	}
	return result*1;
}

function resizeElement (event, id) {
	var el;
	var x, y;

	elem = document.getElementById(id);

	if (document.all) {
		mouseX = window.event.clientX + document.body.scrollLeft;
		mouseY = window.event.clientY + document.body.scrollTop;
	}
	else {
		mouseX = event.clientX + window.scrollX;
		mouseY = event.clientY + window.scrollY;
	}

	divHeight   = elem.style.height;

	if (isNaN(divHeight))  divHeight  = returnNumber(divHeight);
	
	if (document.all) {
		document.attachEvent("onmousemove", resize);
		document.attachEvent("onmouseup", stopResize);
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	}
	else {
		document.addEventListener("mousemove", resize, true);
		document.addEventListener("mouseup", stopResize, true);
		event.preventDefault();
	}
}

function resize(event) {
	var x, y;
	var minHeight = 100;
	
	if (document.all) {
		x = window.event.clientX + document.body.scrollLeft;
		y = window.event.clientY + document.body.scrollTop;
	}
	else {
		x = event.clientX + window.scrollX;
		y = event.clientY + window.scrollY;
	}

	if (divHeight + y - mouseY < minHeight)
		elem.style.height = minHeight + "px";
	else
		elem.style.height = (divHeight + y - mouseY) + "px";
		
	if (document.all) {
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	}
	else
		event.preventDefault();
}

function stopResize(event) {
	if (document.all) {
		document.detachEvent("onmousemove", resize);
		document.detachEvent("onmouseup", stopResize);
	}
	else {
		document.removeEventListener("mousemove", resize, true);
		document.removeEventListener("mouseup", stopResize, true);
	}
}