);

	canvas.addEventListener('pointerleave', function(e){
		draw("search");
		draw("search_int");
	}, false);

	draw(canvas_name);
}

function draw(canvas_name){
	var canvas = document.getElementById(canvas_name);
	var context = canvas.getContext("2d");

	// background
	context.fillStyle="#eeeeee";
	context.fillRect(0, 0, 640, 640);

	// data
	const light_gray = 11 * 8;
	context.strokeStyle='rgb('+light_gray+', '+light_gray+', '+light_gray+')';
	context.lineWidth = 1;
	context.beginPath()
	for(var i = 0; i 