$(document).ready( function() {
    var month = $("#month").val();
    var year = $("#year").val();

    $('#calendar a').click( function() {
        $('.popup').remove();
        var url = '/kickapoo/events/'+year+'/'+month+'/'+this.id;
        $(this).before('<div class="popup"><div class="event">Loading...</div></div>');

        if ( ($('.popup').offset().left + $('.popup').width() ) > ($('#calendar').offset().left + $('#calendar').width() ) ) {
            $('.popup').css('right', '0');
        }

        $('.popup').load(url+' .event', function() {
            $('.popup .event').append('<a href="'+url+'">Link to this event</a>');
        });
        return false;
    });

    $(document).click(function(event) {
        if ( $(event.target).parents('.popup').length == 0 ){$('.popup').remove();}
       
    });
});