$(document).ready(function() {

    //hide all images in holder
    $('.visual-block .holder img').hide();
    $('.visual-block .holder img:first').addClass("selected").show();

    setAltText()

    //pagination for images
    $('.visual-block .pagination-nav a').click(function() {

        //highlight correct image based on HREF
        $('.holder img.selected').removeClass("selected").hide();
        var img = $(this).text()
        $('#pic' + img).addClass("selected").show();

        //highlight paging
        $('.pagination-nav .active').removeClass("active")
        $(this).parent().addClass("active")

        setAltText()

    });

    //homepage hover images
    //hide all and display first
    $(".tab-box img").hide();
    $(".tab-box img:first").addClass('selected').show();

    //display correct image on hover based on link ID
    $('.tabset a').hover(function() {
        var img = $(this).attr('id').replace('my', '');
        $('.tab-box .selected').removeClass("selected").hide();
        $('#' + img).addClass("selected").show();
    });

});

//change caption with selected image alt text
function setAltText() {
    var alt = $('.visual-block .holder img.selected').attr('alt')
    $('.visual-block .description').html(alt);
}