JQuery :: Resizing Divs Based On Screen Size?

I am using the bookflip plugin i found here: [URL]

I am attempting to modify the code so the book pages resize based on the screen width... or height... not really sure how this should be done as I need the proportions of the pages to stay consistent.

I have been able to achieve the resize on page load but I now need to add the resize() method to the variable.

This is what I have so far (original code):

var $containerwidth = $(window).width();
var $pagewidth = $containerwidth/1.22;
var $pageheight = $containerwidth/2.05;

I think I need to add an if() statement in the variable that says if page width or height changes resize else original code that is working. I have this code which I know works but I can't seem to get to work with one variable without overriding the original code... which doesn't work with this application.

$(window).bind('resize', function(){
$(window).width()/1.22;
});

Is this the correct approach to achieve this. I have found I must work within the original JS file as overriding will not work.

if(..........? page resizes ?............){
$(window).bind('resize', function(){
$(window).width()/1.22;
});

[Code].....