var squareName = "reportSquare";

function getReportSquare(id, event) {
	
	square = document.getElementById(squareName);
	
	$.post("/tools/get_report_content.php", { id: id },

   			function(data){
				square.innerHTML = data;
				showReportSquare(event);
   			});
}

function updateLinkStatus(id){
	
	message = document.getElementById("report_text").value;
	
	$.post("/tools/update_link_status.php", { id: id, message: message },

   			function(data){
				hideReportSquare();
				document.getElementById("status" + id).innerHTML=data;
				document.getElementById("status" + id).title="Thank you!";
   			});
}

function showReportSquare(event){
	
	square = document.getElementById(squareName);
	if (document.all) {
		var xMouse = 600 + document.body.scrollLeft;
		var yMouse = 300 + document.body.scrollTop;
    } else {
        xMouse = event.pageX;
        yMouse = event.pageY;
    }
	
	x = xMouse;
	y = yMouse;
	square.style.left=x+"px";
	square.style.top=y+"px";
	square.style.visibility='visible';	
}

function hideReportSquare(){
	square = document.getElementById(squareName);
	
	square.innerHTML = "";
	square.style.visibility='hidden';	
}