var cloudElementId;
var cloudTimer;

function showCloud(id) {
	if (cloudElementId == id) {
		return;
	}
	if (cloudTimer) {
		window.clearInterval(cloudTimer);
		cloudTimer = null;
	}
	hideCloud();
	cloudElementId = id;
	e = document.getElementById('cloud-' + cloudElementId + '-content'); 
	e.style.display = 'block';
	mouseMove(window.event);
}
function hideCloud() {
	if (cloudElementId) {
		document.getElementById('cloud-' + cloudElementId + '-content').style.display = 'none';
	}
	cloudElementId = null;
}

function mouseMove(ev) {
	if (!ev) {
		ev = window.event;
	}
	if (cloudElementId) {
		e = document.getElementById('cloud-' + cloudElementId + '-content');
		x = 0;
		y = 0;
		if (document.all) {
			x = ev.clientX + document.documentElement.scrollLeft;
			y = ev.clientY + document.documentElement.scrollTop;
		} else {
			x = ev.pageX;
			y = ev.pageY;
		}
		if (x != 0 && y != 0) {
			x = x - 220;
			y = y + 10;
			e.style.left = x + 'px';
			e.style.top = y + 'px'; 
		}
	}
}


function triggerHideCloud() {
	if (cloudTimer) {
		window.clearInterval(cloudTimer);
		cloudTimer = null;
	}
	cloudTimer = window.setInterval("hideCloud()", 1000);
}

document.onmousemove = mouseMove;