[jQuery] FF3 +jquery 1.2.6 + thickbox + custom plugin issue

[Alexandre Plennevaux]

Hello!


I have a strange issue, since Firefox 3 came up: i use thickbox to launch a
page inside a modal window. On this page runs a custom plugin that resizes
automatically a div to the available window height. I then use jscrollpane
to have a good looking custom scrolbar appended to that div.

What happens now is that on page load the new height calculation amounts to
0. If i refresh the page, then the height is correctly evaluated.

Here is the plugin i made, can someone help me find and correct the bug?
I've tried everything i could to make it work, but so far... failed. The bug
only occurs with Firefox 3.

jQuery.fn.setScrollableArea = function(modifier){
    var availableHeight = jQuery(window).height();
    return this.each(function(){
        var offset = jQuery(this).offset();

        modifier = (typeof modifier == 'undefined') ? 0 : modifier;
        var newHeight = availableHeight - offset.top - modifier;
        alert('available height='+availableHeight+ "\n top="+offset.top); //
all values are calculated as 0 until i refresh the page !!
        jQuery(this).css({
            height: newHeight,
            overflow: 'hidden'
        });
    });
}

I call it everytime i need it via:

$(document).ready(function(){

    $('#section_content').setScrollableArea(30).jScrollPane({
        scrollbarWidth: 13,
        scrollbarMargin: 10,
        animateTo: true
    });

});

Any help would be much appreciated.
Thank you,

Alexandre