function drawDotChange()
{
	var eX = document.getElementById('x');
	var eY = document.getElementById('y');
	var eDot = document.getElementById('dot');
	
	var xMax = 350 - 11;
	var yMax = 677 - 11;

	if(eY.value > yMax) {
		eY.value = yMax;
	}

	if(eX.value > xMax) {
		eX.value = xMax;
	}
	
	if(eX.value != 0 || eY.value != 0) {
		eDot.style.display = "block";
		eDot.style.marginTop = eY.value + "px";
		eDot.style.marginLeft = eX.value + "px";
	}
}

function drawDot(x, y)
{
	var eDot = document.getElementById('dot');
	
	eDot.style.display = "block";
	eDot.style.marginTop = y + "px";
	eDot.style.marginLeft = x + "px";
}

function preparePos(sId)
{
	var eEle = document.getElementById(sId);
	
	if(eEle.value == 0) {
		eEle.value = "";
	}
}