$(document).ready(function () {
    /* This is basic - uses default settings */
    // hideoncontentclick suuuucks
    $("a.gallery").fancybox({
        'hideOnContentClick': false,
        'titlePosition': 'inside',
        'transitionIn': 'fade',
        'transitionOut': 'fade',
        'speedIn': 300,
        'speedOut': 150,
        'changeSpeed': 150,
        'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
            var left = '<td class="l"><a onclick="$.fancybox.prev()">Prev</a>&nbsp;</td>';
            var right = '<td class="r">&nbsp;<a onclick="$.fancybox.next()">Next</a></td>';
            var imgNum = ' (' + (currentIndex + 1) + '/' + currentArray.length + ')';
            return '<table id="fbtbl"><tr>' + ((currentIndex > 0) ? left : '') +
                       '<td class="main">' + title + imgNum + '<td>' +
                       ((currentIndex + 1 < currentArray.length) ? right : '') + '</tr></table>';
        }
    });
});