fadeIn = null;

jQuery(document).ready(function() {
    jQuery('.thumbnail').hover(function() {
        if (jQuery(this).find('.thumbnailOverlayInner a').length) {
            jQuery(this).find('.thumbnailOverlayInner').addClass('revealImage');
        }
        else {
            jQuery(this).find('.thumbnailOverlay').hide();
        }
    },
    function() {
        if (jQuery(this).find('.thumbnailOverlayInner a').length) {
            if (jQuery(this).find('.thumbnailOverlayInner a').hasClass('revealed')) {}
            else {
                jQuery(this).find('.thumbnailOverlayInner').removeClass('revealImage');
            }
        }
        else {
            jQuery(this).find('.thumbnailOverlay').show();
        }
    });
    jQuery('.revealImage a').live("click", function() {
        clearTimeout(fadeIn);
        if (jQuery(this).hasClass('revealed')) {
            jQuery('#overlayContent').fadeIn(600);
            jQuery(this).removeClass('revealed');
            jQuery(this).children().text('Reveal full image');
        }
        else { 
            var src = jQuery(this).attr('href');
            jQuery('#content').css('background','url('+src+') no-repeat');
            jQuery('.revealImage').removeClass('revealImage').children('a.revealed').removeClass('revealed').children().text('Reveal full image');
            jQuery(this).addClass('revealed').parent().addClass('revealImage');
            jQuery(this).children().text('See project details');
            fadeIn = setTimeout(function() {
                jQuery('#overlayContent').fadeIn(600);
                jQuery('a.revealed').removeClass('revealed').children().text('Reveal full image');
                jQuery('div.revealImage').removeClass('revealImage');
            }, 10000);
            if (jQuery('#overlayContent').is(':visible')) {
                jQuery('#overlayContent').fadeOut(600);
            }
        }
        return false;
    });
});