function getObject( obj ) {
	// step 1
	if (document.getElementById) {
		obj = document.getElementById(obj)
	// step 2
	} else if (document.all) {
		obj = document.all.item(obj)
	//step 3
	} else {
		obj = null;
	}

	//step 4
	return obj;
}
/*****************************************************************************************************/
function moveObject( obj, e ) {
	// step 1
	var tempX = 0;
	var tempY = 0;
	var offset = 10;
	var objHolder = obj;

	// step 2
	obj = getObject( obj );
	if (obj == null) {
		return;
	}

	// step 3
	// SLIGHTLY MODIFIED FROM ORIGINAL, COURTESY OF:
	// http://javascript.about.com/library/blmousepos.htm
	if (e.pageX) {
		tempX = e.pageX;
		tempY = e.pageY;
	} else if (e.clientX) {
		tempX = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
		tempY = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	}

	// step 4
	if (tempX < 0){tempX = 0}
	if (tempY < 0){tempY = 0}

	// step 5
	obj.style.top  = (tempY + offset) + 'px';
	obj.style.left = (tempX + offset) + 'px';

	// step 6
	//displayObject( objHolder, true );
}
/*****************************************************************************************************/
function displayObject( obj, show ) {
	obj = getObject(obj);
	if (obj==null) {
		return;
	}
	if (show == true) {
		obj.style.display = 'block';
		obj.style.visibility = 'visible';
	} else {
		obj.style.display = 'none';
		obj.style.visibility = 'hidden';
	}
}

function move_box(element_id, e) {
	element = getObject(element_id);

	if (element != null) {
		moveObject(element_id, e);
	}
}

function show_preview(text_content, element_id) {
	element = getObject(element_id);

	if (element != null) {
		element.innerHTML = '';
		element.innerHTML = text_content;
		displayObject(element_id, true);
	}

}