$('.thumb > img').live('click',function(){
    var $fig = $(this).closest('figure'),
        pid = $fig.attr('pid'),
        title = $('.title',$fig).text(),
        imgData = $('input[type=hidden]',$fig).val().split(','),
        width = imgData[1],
        height = imgData[2],
        year = imgData[3],
        src = 'resources/images/paintings/full/' +imgData[0],
        fullImg, html;

    fullImg = new Image();
    fullImg.src = src;
    $(fullImg).error(function(){});
    $(fullImg).load(function(){
        html = ['<figure>',
                    '<img width="' +width+ '" height="' +height+ '" alt="' +title+ '" src="' +src+ '" />',
                    '<figcaption>' +title+ ', ' +year+ '</figcaption>',
                '</figure>'];
        $.modal(html.join(''), {onOpen: function (dialog) {
	                                dialog.overlay.fadeIn(400, function () {
                                        dialog.container.slideDown(500, function () {
                                            dialog.data.fadeIn(500);
                                        });
                                    });
                                }
        });

        //give room for painting name
        $('#simplemodal-container').css('height','+=20');
    });

});

$(document).ready(function(){

});