window.addEvent('domready', function(){

// set up the clicks for the box on
var current_popup = false;
if ($('dates'))
{
    $('dates').getElements('li.future').addEvent('click', make_popup_appear);
    $('dates').getElements('li.used').addEvent('click', make_popup_appear);
}

function make_popup_appear()
{
    // hide the popup
    $('date_popup').style.display = 'none';
    
    // handle closes
    if (current_popup == this)
    {
        current_popup = false;
        return false;
    }
    
    // swap the insides
    var parent = this;
    var info = parent.getElementsByTagName('div')[0];
    $('date_text_box').firstChild.innerHTML = info.innerHTML;
    
    // get the positions
    var pos = this.getPosition(parent.parentNode.parentNode);
    $('date_popup').style.display = 'block';
    var size = $('date_text_box').getSize();
    $('date_popup').style.top = (pos.y - size.y + 460) + 'px';
    $('date_popup').style.left = (pos.x + 20) + 'px';
    
    // mark as shown
    current_popup = this;
}

});