(function ($) {
    
    var TIMER = 400,
        container,
        throbber,
        wrapper,
        overlay;
    
    $(function() {

        overlay = $('<div>').addClass('overlay').css({
            'height':  $('body').height() + 'px'
        });
        $('#container').append(overlay);
        overlay.hide();
        
        
        wrapper = $('<div>').addClass('staffmemberdetail-inline').css({
            //'height':  $('#container').height() + 'px'
        });
        $('#container').append(wrapper);
        wrapper.hide();
        
        
        container = $('<div>');
        wrapper.append(container);
        container.hide();

        throbber = $('<p>').addClass('throbber').html('loading...');
        wrapper.append(throbber);
        throbber.hide();
        
        var closeFunc = function() {
            wrapper.fadeOut(TIMER);
            container.html('').fadeOut(TIMER);
            overlay.hide();
        };
        
        var loadpanel = function(link, internal) {

            wrapper.fadeIn(TIMER);
            overlay.show();
            
            var throbbertimer = setTimeout(function() {
                var margin = $(window).scrollTop() + 40;
                throbber.css({'top': margin + 'px'});
                throbber.fadeIn(TIMER);
            },100);
            
            container.load(link.attr('href'), {}, function() {
                clearTimeout(throbbertimer);
                throbber.fadeOut(TIMER);
                container.fadeIn(TIMER);
                
                var margin = $(window).scrollTop() + ($(window).height() - container.find('.inner').height()) * 0.3;
                //container.find('.inner').css({'margin-top': margin + 'px'});
                wrapper.css({'top': margin + 'px'});
                
                container.find('.closelink').click(closeFunc);
                overlay.click(closeFunc);
                
                $('.staffmember a').each(function(i, item) {
                    if ($(item).attr('href') == link.attr('href')) {
                        if (i >= $('.staffmember a').length - 1) {
                            nextIndex = 0;
                        }
                        else {
                            nextIndex = i + 1;
                        }
                        if (i == 0) {
                            prevIndex = $('.staffmember a').length - 1;
                        }
                        else {
                            prevIndex = i - 1;
                        }
                        container.find('.toplinks a.next').attr(
                            'href',
                            $('.staffmember a').eq(nextIndex).attr('href')
                        );
                        container.find('.toplinks a.prev').attr(
                            'href',
                            $('.staffmember a').eq(prevIndex).attr('href')
                        );
                    }
                });
              
                container.find('.toplinks a').click(function() {
                    return loadpanel($(this), true);
                });
            });
            return false;
        };
        
        
        $('.staffmember a').click(function() {
            return loadpanel($(this));
        });

    });
    
// END
}) ($);