jQuery(document).ready(function()
{
    jQuery('#references div.button a').click(function()
    {
        jQuery(this).load_reference();
    });
    
    jQuery('#references').hover(
        function()
        {
            jQuery(this).addClass('hover');
            jQuery(this).find('div').addClass('hover');
        },
        function()
        {
            jQuery(this).removeClass('hover');
            jQuery(this).find('div').removeClass('hover');
        }
    );
});

jQuery.fn.load_reference = function()
{
    // Create the overlay
    if (jQuery('#reference-overlay').size() == 0)
    {
        jQuery('<div></div>')
            .attr('id', 'reference-overlay')
            .appendTo(jQuery('#container'));
        
        jQuery('<p></p>')
            .html('Hetki...ladataan')
            .appendTo(jQuery('#reference-overlay'));
        
        jQuery('<img src="/images/loading.gif" alt="" />')
            .addClass('load_bar')
            .appendTo(jQuery('#reference-overlay'));
    }
    
    jQuery('#reference-overlay')
        .fadeIn(500)
        .addClass('loading');
    
    var link = jQuery(this).attr('href');
    
    if (!link)
    {
        return false;
    }
    
    if (link.match(/\?/))
    {
        link = link + '&ajax';
    }
    else
    {
        link = link + '?ajax';
    }
    
    jQuery('#references').load(
        link,
        {},
        function()
        {
            jQuery('#reference-overlay')
                .fadeOut(2000)
                .oneTime(3000, 'onetime', function()
                {
                    jQuery(this).removeClass('loading');
                });
        }
    );
    return false;
}