jQuery(document).ready(function() {

    $.getJSON('getHeaderImages?limit=4&'+Math.round(new Date().getTime()), function(data) {
        $('#header-images').text('');
        $.each(data, function(i, item) {
            $('#header-images').append($('\
                <li>\
                    <a href="' + item.src + '"\
                       title="' + item.title + '"\
                       rel="header-images">\
                        <img src="'+item.src_thumb+'" />\
                    </a>\
                </li>'));
        });
        $("#header-images a[rel='header-images']").fancybox({
            'type': 'image',
            'transitionIn': 'elastic',
            'transitionOut': 'elastic'
        });
    });
    
});