jQuery(document).ready(function($) {
	// finds an element's position relative to the page
	function findPos(obj) {
		if (obj == null) {
			return [0,0];
		}
		var left = obj.offsetLeft;
		var top = obj.offsetTop;
		while (obj = obj.offsetParent) {
			left += obj.offsetLeft;
			top += obj.offsetTop;
		}
		return [left,top];
	}
	
	
	// set up help box click event
	$(".HelpBoxLink").click(function(event) {
		event.preventDefault();
		
		$.post("ajax.php", {action: 'help_box', q: $(this).attr('id')}, function(responseText) {
			$("#HelpBoxText").html(responseText);
			$("#HelpBox").css({display: 'block'});
		});
		
		// update position here since we know the ID of the help icon
		pos = findPos(this);
		windowHeight = document.body.clientHeight;
		$("#HelpBox").css({
			left: pos[0] + 'px',
			top: Math.min(pos[1], windowHeight - 212) + 'px'
		});
	});

	// set up help box close button click event
	$(".HelpBoxClose").click(function(event) {
		event.preventDefault();
		$("#HelpBox").css({display: 'none'});
		$("#HelpBoxText").html("");
	});
});