//var minScreenSize = { width: 840, height: 600 };
//var layoutMode = "columnStatic";

// wait for background image to load
$(document).bind('backgroundLoaded', function(){
    
    // initialize the page
    $('div.loading-container').fadeOut(500);
    $('div.team-container').fadeIn(500);

    initializeGrid();
    resetAllScrollbars();           
});

function initializeGrid()
{
    var iBoxHeight = $('.teamitem-preview:first').height();
    
    // adjust vertical position of overlay-text
    $('.teamitem-preview .overlay-text').each(function(){
        var iTextHeight = $(this).height();
        $(this).css({ top: (iBoxHeight-iTextHeight-5)+'px' });
    });
    
    // hide all overlays
    $('.teamitem-preview .overlay').css({ display: 'none' });

    //Init hovering states to support reliable fading
    if(jQuery.support.opacity) {
        $('.teamitem-preview .overlay').css("display","block");
        $('.teamitem-preview .overlay').fadeTo(0,0);
    }
    
    // set up interactive event handlers
    $('.teamitem-preview').hover(handleTeamHoverOver, handleTeamHoverOut);
    $('.teamitem').click(handleTeamClick);

}

function handleTeamHoverOver()
{
    oThisTeamMember = $(this);
    if (jQuery.support.opacity)
    {
        oThisTeamMember.find('.overlay').queue("fx", []);   //Stop any previous queued animation
        oThisTeamMember.find('.overlay').fadeTo('slow', 1.00);
    }
    else
    {
        // fading does not work well in browsers that don't support css opacity
        oThisTeamMember.find('.overlay').css({ display: 'block' });
    }   
}

function handleTeamHoverOut()
{
    oThisTeamMember = $(this);
    if (jQuery.support.opacity)
    {
        oThisTeamMember.find('.overlay').queue("fx", []); //Stop any previous queued animation
        oThisTeamMember.find('.overlay').fadeTo('slow',0);
    }
    else
    {
        // fading does not work well in browsers that don't support css opacity
        oThisTeamMember.find('.overlay').css({ display: 'none' });
    }             
}
        
function handleTeamClick()
{
    oThisTeamMember = $(this);
    sThisContent = oThisTeamMember.find('.teamitem-content').html();
    showBio(sThisContent);
}

function showBio(sContent)
{
   oBioContainer = $('.bio-container');
   oBioInner = $(oBioContainer).find('.bio-container-inner');
   sPageControls = '<div class="page-controls"><ul class="button-container right"><li><a class="button back-to-team-link" href="javascript: void(0);" title="Back">Back</a></li></ul></div>';
   oBioInner.html(sPageControls + sContent);
   oBioContainer.fadeIn('slow');
   oBioContainer.find('.back-to-team-link').click(closeBio);
   //resetScrollbar('bio-container-inner');         
}

function closeBio()
{
    oBioContainer = $('.bio-container');
    oBioInner = $(oBioContainer).find('.bio-container-inner');
    
    oBioContainer.fadeOut('slow', function(){
        oBioInner.html('');
    });
}