Есть итемы
<a href="#" class="item_content">
<p>text</p>
</a>
По щелчку на них должны всплывать модальные окна, которые расположены внизу страницы и не имеющие элементов-родителей
<div id="modal">
<span id="close">X</span>
<p>Lorem</p>
</div>
Есть скрипт
$('.item_content').click(function(evt) {
evt.preventDefault();
$('#overlay').fadeIn(400, function() {
$('#modal').css('display', 'block').animate({opacity: 1, top: '50%'}, 200);
});
});
$('#close, #overlay').click(function() {
$('#modal').animate({opacity: 0, top: '45%'}, 200, function() {
$(this).css('display', 'none');
$('#overlay').fadeOut(400);
});
});
Что сделать, чтобы по щелчку на определенный итем всплывало окно, связанное с этим итемом?