// Initialize our image stacks. See: wm.imageStack.jquery.js
// We're treating the specialty list as an image stack, as well
$(document).ready(function() {
    
    var count = $('.photographer-list li').length;
    var rand = Math.floor((count)*Math.random()) + 1 ;

    $('.photographer-list .active').attr('class', '');
    $('.photographer-list li:nth-child(' + rand + ')').attr('class', 'active');
    $('.photographer-list li.active .contact-buttons').fadeIn(200);




    $.fn.WMImageStack({
        lists:  [$('.photographer-list')], // make the list and array of link elements
        stacks: [$('#headshots')]
     });

    var t;
    $('.photographer-list li a').hover(function() {
        clearTimeout(t);
        var buttons = $(this).parent().find('.contact-buttons');
        t = setTimeout(function() {
            if (buttons.is(':hidden')) {
                $('.photographer-list .contact-buttons').fadeOut(200);     
                buttons.fadeIn(400);
            }
        }, 150);
    });

     introAnimation();
});



function introAnimation() {



            $('#logo').fadeIn(800, function() {
            });




}