var div = null;
var img = null;
function pin(id) {	
	var body = document.getElementsByTagName("body")[0];
	
	div = document.createElement("div");

	div.style.position = "absolute";

	window.status = window.event.x + " - " + window.event.y;

	div.style.top = window.event.srcElement.offsetTop + 178;
	div.style.left = 250;

//	div.style.top = window.event.clientY;

//	div.style.left = window.event.clientY;

//	div.style.top = "50%";

//	div.style.left = "50%";

	div.style.width = "200px";

	div.style.height = "150px";

	div.style.border = "1px solid #000000";

	div.style.padding = "0px";

	div.style.opacity = "0.85";

	div.style.backgroundColor = "#CCCCCC";

	div.style.fontSize = "60px";

	div.style.lineHeight = "60px";

	div.style.textAlign = "right";


	body.appendChild(div);


	img = document.createElement("img");
	img.src = "http://lab.bcb.iastate.edu/yabi/__thumbnails/" + id + ".png";
	div.appendChild(img);
}
function pout() {
	if (div != null) {
		var body = document.getElementsByTagName("body")[0];
	
		div.removeChild(img);
		body.removeChild(div);
		div = null;
	}
}