JQUERY help needed

[andyd34]

2 question or problems really, I have the following code

 

$("body").append($("<div id='lightbox'></div>").css({'width':'100%','height':'100%','left':'0','top':'0','background-color':'#000000','position':'fixed','display':'none'}).fadeTo(1000,., function(){
});
var boxTop = $('#boxContents').height()/2;
$("body").append($("<div id='boxContents'></div>").css({'width':'400px','min-height':'50px','left':'50%','top':'50%','margin-left':'-200px','margin-top':'-'+boxTop+'px','background-color':'#FFF','position':'fixed','display':'none'}).slideDown(1000));

 

I have trying to get the boxContents displaying after the lightbox has finished but can't, when i put it within the lightbox function it doesnt show at all.

 

Secondly, how would I go about putting all this in a stand alone function??