// JavaScript Document

$(document).ready(function(){

            // Hide all large images except the first one
            $('#staff-1 img').hide().filter(':first').show();

            // Select all thumb links
            $('#staff-1-thumbnails a').hover(function(event) {

                    // Hide all large images except for the one with the same hash as our thumb link
                    $('#staff-1 img').hide().filter(this.hash).show();
                },
                function () {} // Because the hover method has a mouseout state we need to define too
            );
        });

$(document).ready(function(){

            // Hide all large images except the first one
            $('#volunteering-1 img').hide().filter(':first').show();

            // Select all thumb links
            $('#volunteering-1-thumbnails a').hover(function(event) {

                    // Hide all large images except for the one with the same hash as our thumb link
                    $('#volunteering-1 img').hide().filter(this.hash).show();
                },
                function () {} // Because the hover method has a mouseout state we need to define too
            );
        });

$(document).ready(function(){

            // Hide all large images except the first one
            $('#volunteering-2 img').hide().filter(':first').show();

            // Select all thumb links
            $('#volunteering-2-thumbnails a').hover(function(event) {

                    // Hide all large images except for the one with the same hash as our thumb link
                    $('#volunteering-2 img').hide().filter(this.hash).show();
                },
                function () {} // Because the hover method has a mouseout state we need to define too
            );
        });

$(document).ready(function(){

            // Hide all large images except the first one
            $('#volunteering-3 img').hide().filter(':first').show();

            // Select all thumb links
            $('#volunteering-3-thumbnails a').hover(function(event) {

                    // Hide all large images except for the one with the same hash as our thumb link
                    $('#volunteering-3 img').hide().filter(this.hash).show();
                },
                function () {} // Because the hover method has a mouseout state we need to define too
            );
        });

$(document).ready(function(){

            // Hide all large images except the first one
            $('#volunteering-4 img').hide().filter(':first').show();

            // Select all thumb links
            $('#volunteering-4-thumbnails a').hover(function(event) {

                    // Hide all large images except for the one with the same hash as our thumb link
                    $('#volunteering-4 img').hide().filter(this.hash).show();
                },
                function () {} // Because the hover method has a mouseout state we need to define too
            );
        });