Delay Fancybox 2 on page load

Delay Fancybox 2 on page load

I am trying to delay the automatic load of my inline fancybox content on a
page.
I have got the fancybox working on page load however just can not figure
out how to delay it.
Here is what I got:
In head:
(includes all needed resources)
<script type="text/javascript">
$(document).ready(function($){
$.fancybox.open([{
content: $(".popup")
}]);
});
</script>
In body:
<div class="popup" style="display: none;">
<h1>Hi</h1>
</div>
Cheers