[BZDR]

Привет. Есть следующая реализация кастомного тултипа.

<a href="#" class="custom_tooltip">{text}
<div>Тултип</div>
</a>
<style>	.custom_tooltip {
		display: inline-block;
		position: relative;
	}
	.custom_tooltip div {
		display: none;
		position: absolute;
		top: 15px;
		left: 0px;
		z-index:9999;
                width: 100px;
                height: 320px;
	}
	.custom_tooltip:hover div {
		display: block;
	}
 </style>

Размеры <div> известны и сейчас он всегда показывается снизу от ссылки (так как это прописано в CSS). Подскажите, как на JS реализовать проверку доступного места на странице и показывать <div> со свободной стороны.