jQuery(document).ready(function()
{
    jQuery('#training-calendar').position_me();
    jQuery('#training-calendar').ajax_calendar();
});

jQuery.fn.position_me = function()
{
/*
    jQuery('#training-calendar-test')
        .draggable({
        });
    
    /*
    jQuery('div.draggable-placeholder')
        .droppable({
            accept: '#training-calendar',
            activeClass: 'visible',
            hoverClass: 'hover',
            drop: function(ev, ui)
            {
                jQuery('#training-calendar').appendTo(jQuery(this));
            }
        });
    /* */
}

jQuery.fn.ajax_calendar = function()
{
    var date = new Date();
    
    if (!jQuery(this).attr('id'))
    {
        jQuery(this).attr('id', 'calendar_' + date.getTime());
    }
    
    var id = jQuery(this).attr('id');
    
    jQuery(this).find('thead th a')
        .click(function()
        {
            var offset = jQuery('#' + id).offset();
            
            jQuery('#' + id + '_loader').remove();
            
            jQuery('<div></div>')
                .attr('id', id + '_loader')
                .addClass('loader')
                .css({
                    position: 'absolute',
                    backgroundImage: 'url("/midcom-static/midcom.helper.datamanager2/ajax-loading-black.gif")',
                    backgroundPosition: 'center center',
                    backgroundRepeat: 'no-repeat',
                    width: (jQuery('#' + id).width() + 10) + 'px',
                    height: (jQuery('#' + id).height() + 10) + 'px',
                    marginLeft: '-5px',
                    marginTop: '-5px',
                    top: offset.top,
                    left: offset.left,
                    display: 'none',
                    color: '#ffffff'
                })
                .insertBefore('#' + id)
                .fadeIn('normal');
            
            jQuery('<span></span>')
                .addClass('loading')
                .css({
                    paddingTop: (((jQuery('#' + id).height() + 10) / 2) + 24) + 'px',
                    display: 'block',
                    textAlign: 'center',
                    color: '#ffffff'
                })
                .html('Loading...')
                .appendTo('#' + id + '_loader');
            
            jQuery('#training-calendar')
                .load(
                    // Location
                    jQuery(this).attr('href') + '?ajax',
                    // Parameters
                    {},
                    // Callback
                    function()
                    {
                        jQuery('#' + id).ajax_calendar();
                        jQuery('#' + id + '_loader').fadeOut('slow');
                    }
                );
            
            return false;
        });
    
    jQuery(this).find('tbody td.events')
        .mouseover(function()
        {
            jQuery(this).addClass('hover');
        })
        .mouseout(function()
        {
            jQuery(this).removeClass('hover');
        });
}