$ = jQuery;
$(document).ready(function(){
    if ($('#armcal').length == 0) {
        /* This is so we don't do anything on pages that don't have our calendar.
         */
        return;
    }
    
    $(document).click(function(e){
        var targ;
        if (!e) var e = window.event;
        
        if (e.target) targ = e.target;
        else if (e.srcElement) targ = e.srcElement;
        
        if (targ.nodeType == 3) targ = targ.parentNode;
        
        var t = $(targ);
        if (t.hasClass('evt') || t.hasClass('evt-details')) {
            return;
        }
        $('.evt-details').hide(300);
    });
    
    $('.evt-details').click(function(e){
        $(this).hide(300);
        $('.sel').removeClass('sel');
    });

    $('.evt').click(function(e){
        if ($(this).hasClass('sel')) {
            $('.evt-details').hide(300);
            $(this).removeClass('sel');
            return;
        }
        $(this).addClass('sel');
    
        var evt_id = $(this).attr('eid');
        var evt_pos = $(this).offset();
        var height = $(this).outerHeight();
        
        $('.evt-details').hide(300);
        
        var jelem = $('#evt-' + evt_id);
        
        jelem.css('top', evt_pos.top + height);
        jelem.css('left', evt_pos.left);
        jelem.toggle(300);
    });
    
    $('.evt').hover(
        function(e){
            var evt_id = $(this).attr('eid');
            $(".evt[eid='" + evt_id + "']").addClass('hl');
        },
        function(e){
            var evt_id = $(this).attr('eid');
            $(".evt[eid='" + evt_id + "']").removeClass('hl');
        }
    );

});