\n <\/td>\n | RocknCoder<\/span>.<\/span>Pages<\/span>.<\/span>page1<\/span> =<\/span> (<\/span>function<\/span> (<\/span>)<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | var<\/span> dims<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | // cache the selectors to some DOM elements<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$thePicture<\/span> =<\/span> \$<\/span>(<\/span>"#thePicture"<\/span>)<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$snapPicture<\/span> =<\/span> \$<\/span>(<\/span>"#snapPicture"<\/span>)<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$picFrame<\/span> =<\/span> \$<\/span>(<\/span>"#picFrame"<\/span>)<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \n<\/td>\n <\/tr>\n | \n <\/td>\n | // once the image is loaded, get its dimensions<\/span><\/td>\n <\/tr>\n \n <\/td>\n | picLoaded<\/span> =<\/span> function<\/span> (<\/span>)<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | var<\/span> width<\/span>,<\/span> height<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | width<\/span> =<\/span> \$thePicture<\/span>.<\/span>width<\/span>(<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | height<\/span> =<\/span> \$thePicture<\/span>.<\/span>height<\/span>(<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \n<\/td>\n <\/tr>\n | \n <\/td>\n | // cause the image to scale by setting one of it dimension<\/span><\/td>\n <\/tr>\n \n <\/td>\n | if<\/span> (<\/span>width<\/span> ><\/span> height<\/span>)<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$thePicture<\/span>.<\/span>width<\/span>(<\/span>RocknCoder<\/span>.<\/span>Container<\/span>.<\/span>width<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | }<\/span> else<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$thePicture<\/span>.<\/span>height<\/span>(<\/span>RocknCoder<\/span>.<\/span>Container<\/span>.<\/span>height<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | }<\/span><\/td>\n <\/tr>\n \n <\/td>\n | }<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | // a picture has been successfully returned<\/span><\/td>\n <\/tr>\n \n <\/td>\n | picSuccess<\/span> =<\/span> function<\/span> (<\/span>imageData<\/span>)<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$thePicture<\/span>.<\/span>attr<\/span>(<\/span>'src'<\/span>,<\/span> "data:image/jpeg;base64,"<\/span> +<\/span> imageData<\/span>)<\/span>.<\/span>load<\/span>(<\/span>picLoaded<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | }<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | // there was an error, message contains its cause<\/span><\/td>\n <\/tr>\n \n <\/td>\n | picFail<\/span> =<\/span> function<\/span> (<\/span>message<\/span>)<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | alert<\/span>(<\/span>"Failed because: "<\/span> +<\/span> message<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | }<\/span>,<\/span><\/td>\n <\/tr>\n \n <\/td>\n | // pageshow event handler<\/span><\/td>\n <\/tr>\n \n <\/td>\n | pageshow<\/span> =<\/span> function<\/span> (<\/span>)<\/span> {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | RocknCoder<\/span>.<\/span>Dimensions<\/span>.<\/span>init<\/span>(<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | dims<\/span> =<\/span> RocknCoder<\/span>.<\/span>Dimensions<\/span>.<\/span>getContent<\/span>(<\/span>)<\/span>;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | \$<\/span>(<\/span>"#picFrame"<\/span>)<\/span>.<\/span> | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |