$(document).ready(function() {

    // 1. create the thumbs
    if (numThumbs == undefined || numThumbs < 0) {
        numThumbs = 0;
    }
    var thumbs_div = $('#thumbs');
    var thumbs_html = '';
    for (var i = 1; i <= numThumbs; i++) {
        thumbs_html += '<li><a><img src="imgs/portfolio/t_full_' + prefix + '_0' + i + '.jpg" /></a></li>'
    }
    thumbs_html = '<ul class="thumb_list">' + thumbs_html + '</ul>'
    thumbs_div.append(thumbs_html);

    // 2. on click change image
    $('#thumbs a, a.secondary').click(function() {
        var img_thumb = $(this).find('img');
        $('#focused_image').attr('src', (img_thumb.attr('src')).replace('t_full', 'full'));

        if ($('#playbackvid') && img_thumb.attr('src') == 'imgs/portfolio/t_full_ma_01.jpg') {
            $('#focused_image').hide();
            $('#playbackvid').show();
        }
        else if ($('#playbackvid')) {
            $('#playbackvid').hide();
            $('#focused_image').show();
        }
    });

    // MULTI-TOUCH PAGE
    $('#thumb_nails a').click(function() {

        var img_thumb = $(this).find('img');
        if (img_thumb.hasClass('isavid')) {
            $('#playbackvid').children(':not(#playbackvid_' + img_thumb.attr('id') + ')').hide();
            $('#playbackvid_' + img_thumb.attr('id')).show();
            $('#focused_image').hide();
            $('#playbackvid').show()
        }
        else {
            $('#focused_image').attr('src', (img_thumb.attr('src')).replace('t_full', 'full'));
            $('#playbackvid').hide();
            $('#focused_image').show();
        }
    });
});