Thanks Dark.

As this is still in the proposal stage, the images used still under iStock Photo copyright. I used this just for the presentation purpose, therefore it will be pixelated. I will buy the image from the iStock photo when it is confrimed.

The stage size I used is 980px width and 630 height which is targeted to the higher resolution. My concerned is that I do not want to have the scroll bar appeared at the side of the browser. Therefore I set the width to 100% width and height for the object. I did tried to write a javascript to detect the browser size and to set the wdith and height. I want to set it to 100% for width and height when the browser size is below 980 in width. For above the 980 px the object will set to fix size. But the script fail when I tried to resize the browser. May be I have to set it to fix size and indicate that the best view will be 1024x768 in resolution.

By the way, can I know what is your resolution in your system?