var ie6 = false;
var show_photo = function()
{
    // console.log('hover in');
    // Create a new item
    if (jQuery(this).find('div.tooltip').size() == 0)
    {
        jQuery('<div></div>')
            .addClass('tooltip')
            .css({display: 'none'})
            .prependTo(jQuery(this))
        
        jQuery('<div></div>')
            .addClass('content')
            .css('background-image', 'url("/midcom-static/midcom.helper.datamanager2/ajax-loading.gif")')
            .appendTo(jQuery(this).find('div.tooltip'));
        
        jQuery(this).find('div.tooltip')
            .addClass('hover')
            .fadeIn('slow');

        
        jQuery('<div></div>')
            .addClass('foot')
            .appendTo(jQuery(this).find('div.tooltip'));
        
        // console.log('created new');
        
        // Load the tooltip content
        jQuery(this).find('div.tooltip div.content').load(jQuery(this).find('a').attr('href') + '?ajax&tooltip', {}, function()
        {
            jQuery(this).css('background-image', '');
            
            // New position
            jQuery(this).css({
//                    marginLeft: '-' + (jQuery(this).width() / 2) + 'px',
//                    marginTop: '-' + (Number(jQuery(this).find('span.height').html()) - 50) + 'px'
            });
            
            if (ie6)
            {
                var offset = jQuery(this).offset();
                
                jQuery(this).animate({
                    marginTop: '-' + (Number(jQuery(this).find('img').attr('height')) - 50) + 'px',
                    marginLeft: '-' + Number(jQuery(this).width() / 3) + 'px',
                    width: Number(jQuery(this).find('img').attr('width')) + 'px',
                    height: (Number(jQuery(this).find('img').attr('height')) + 50) + 'px'
                });
            }
            else
            {
                jQuery(this).animate({
                    marginTop: '-' + (Number(jQuery(this).find('img').attr('height')) - 50) + 'px',
                    marginLeft: '-' + (jQuery(this).width()) + 'px',
                    width: Number(jQuery(this).find('img').attr('width')) + 'px',
                    height: (Number(jQuery(this).find('img').attr('height')) + 50) + 'px'
                });
            }
            
            // Set the correct size
            //jQuery(this).width(Number(jQuery(this).find('span.width').html()));
            //jQuery(this).height(Number(jQuery(this).find('span.height').html()) + 50);
        });
        
        return;
    }

    // console.log('using old');
    
    // Show the tooltip
    jQuery(this).find('div.tooltip')
        .addClass('hover')
        .removeClass('hover-out')
        .fadeIn('slow');
}

var hide_photo = function()
{
    // console.log('hover out');
    jQuery(this).find('div.tooltip')
        .removeClass('hover')
        .addClass('hover-out')
        .oneTime(400, function()
        {
            jQuery('div.tooltip.hover-out').each(function(i)
            {
                if (jQuery(this).hasClass('hover'))
                {
                    return;
                }
                
                jQuery(this)
                    .fadeOut('slow')
                    .removeClass('hover')
                    .removeClass('hover-out');
            });
        });
}

jQuery(document).ready(function()
{
    jQuery('body.frontpage ul.org_routamc_photostream_photostreams li').hover(show_photo, hide_photo);
    
    jQuery('body.frontpage ul.photo-navigation li a').click(function()
    {
        var href = jQuery(this).attr('href');
        
        if (href.match(/\?/))
        {
            suffix = '&ajax';
        }
        else
        {
            suffix = '?ajax';
        }
        
        jQuery('body.frontpage ul.org_routamc_photostream_photostreams').fadeTo('slow', 0.0);
        jQuery('body.frontpage div.org_routamc_photostream')
            .addClass('loading');
        
        jQuery('body.frontpage div.org_routamc_photostream ul.org_routamc_photostream_photostreams').load(href + suffix, {}, function()
        {
            jQuery('body.frontpage ul.org_routamc_photostream_photostreams li').hover(show_photo, hide_photo);
            jQuery('body.frontpage ul.org_routamc_photostream_photostreams').fadeTo('slow', 1.0);
            jQuery('body.frontpage div.org_routamc_photostream').removeClass('loading');
        });
        
        return false;
    });
});