// JavaScript Document

function show_hover_box (imageid) {
	var left_offset = 87; // image width = 77 + padding of 10
	var image = document.getElementById(imageid);
	var hover_box = document.getElementById('hover_box');
	hover_box.style.display = "block";
	var image_coords = findPos(image);
	var new_hover_box_left = image_coords[0] + left_offset;
	hover_box.style.left = new_hover_box_left  + 'px';
	hover_box.style.top = image_coords[1] + 'px';
}

function close_hover_box () {
	var hover_box = document.getElementById('hover_box');
	hover_box.style.display = "none";
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}