dynamically determine window

[Candyman]

I've been trying to use the standard text:

<script type="application/json" id="easyOptions">
{
"lightbox-iframe": {
"defWidth": 320,
"defHeight": 240
}
}
</script>


And change how large the window is and change it to dynamically
display for how large the users window is so it always shows correctly
if they are on a desktop, ipad or phone:

<script type="application/json" id="easyOptions">
{
"lightbox": {
"defWidth": (parseInt(screen.availWidth) - 50),
"defHeight": (parseInt(screen.availHeight) - 50)
}
}
</script>


But i can't get this to work. Have I messing up the JavaScript or
will this just not work? Any help would be appreciated.

[Vincent]

Hi there

This is not JavaScript, this is JSON and is dynamically parsed by jQuery.

Instead, look at the maxScreenFill option here:
http://code.google.com/p/easybox/wiki/ChangeOptions

You can set this to like 0.8 and it keeps ratio of the content and dynamically shrinks the content to screen size.