$(document).ready(function()
{
    $('.jqPhotoThumb').live('click', function()
    {
        $('.jqPhotoThumb').removeClass("active");
        $(this).addClass("active");
        $(".jqPhotpPreview").attr("src", $(this).attr("href"));
        
        return false;
    });

    $(".jqTeamMember").live('click', member);

    $("body").click(function(e){
        var parent = $(e.target).closest(".jqMemberOverlay");

        if(parent.length == 0)
        {
            $('.jqMemberOverlay').fadeOut('slow', function(){$(this).remove();});
        }
    });
});

function member()
{
    $('.jqMemberOverlay').fadeOut('slow', function(){$(this).remove();});
    $('.jqTeamMember').removeClass("active");
    $(this).addClass("active");
    var myUrl = $(this).attr("href");

    if(myUrl != '')
        {
            $.ajax({
                url:myUrl,
                dataType:'json',
                success:function(reply)
                {
                    if(reply)
                    {
                        if(reply.error)
                        {
                            alert(reply.error);
                        }
                        else if(reply.success)
                        {
                            $('body').append(unescape(reply.success));
                            positionOvelay();

                        }
                    }
                }
            })
        }

    return false;
}

function positionOvelay()
{
    var connectionRequestBox = $(".jqMemberOverlay");
   var connectionRequestBoxHeight     = connectionRequestBox.outerHeight();
       var connectionRequestBoxWidth     = connectionRequestBox.outerWidth();
       var windowWidth             = $(window).width();
       var windowHeight             = $(window).height();
       var pageScrollTop           = document.documentElement.scrollTop ? document.documentElement.scrollTop : (document.body.scrollTop ? document.body.scrollTop : 0);

       var pageScrollLeft           = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : (document.body.scrollLeft ? document.body.scrollLeft : 0);

      

       var connectionRequestBoxTop        = pageScrollTop + (windowHeight - connectionRequestBoxHeight) / 2;
       var connectionRequestBoxLeft       = pageScrollLeft + (windowWidth - connectionRequestBoxWidth) / 2;
      connectionRequestBox.css({
                   position : "absolute",
                   left : connectionRequestBoxLeft,
                   top: connectionRequestBoxTop
               }).fadeIn("slow");
}