Looking at the dynamically generated XML file for your gallery, the XML declaration is not at the very top of the document (where it should be). Line 1 of the file is blank.
Try viewing the file in a browser to see the error message: http://www.vancouverdesi.com/wp-content … llery_id=1
The file is created with the PHP function saveXML() so there should be no blank line before the XML declaration.
Please check that your web server runs PHP v5.2.0 or later.

Using JuiceboxBuilder-Pro to convert a SimpleViewer-Pro gallery (with a space or spaces in the gallery folder name) to a Juicebox-Pro gallery should not cause such a problem.
Nevertheless, I am glad that your problem has been resolved. Thank you for posting back to let me know.

Thank you for letting me know the theme you use.
I have installed and activated the theme and can now see the problem that you have described.
It looks as if the root of the problem lies with line 62 of the 'gridiculous/style.css' file:

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}

Removing the line allows the Juicebox gallery to be displayed as it should be but I do not know what knock-on effects removing this line of code will have on the theme itself.

If you would like to have a header and/or footer of fixed height on your web page and have your Juicebox gallery resize to fill the remaining browser window (with no vertical scroll bar), please see the Using a Resizable Gallery with a Header section of the Embedding Guide.
Check out the View Resizable Gallery with Top Menu Example. You can view the source of the page in a browser and copy/modify it to suit your own needs.

It does not matter what Doctype Declaration your web page uses as long as your page uses one and that the code on the page conforms to the set of standards that you choose to use.
You can check that the code on your page validates correctly with the W3C Markup Validation Service.
If any errors are reported, they should be fixed. A page containing valid code should be rendered with greater predictability and consistency across different browsers.

If using a baseUrl, Juicebox will, by default, look for the XML file to be named 'config.xml' and to be located in the baseUrl folder.
In your code, you have specified:

configUrl: "bath-gallery.xml",

This is a relative path (relative to the baseUrl folder) and so your gallery's XML file should be named 'bath-gallery.xml' and located in the baseUrl folder.
Just remove the configUrl line from your gallery's embedding code (or rename your gallery's XML file from 'config.xml' to 'bath-gallery.xml') and your gallery should display.

If you want to add images to an existing gallery without using JuiceboxBuilder, there are several ways that this could be achieved:
(1) Upload new images to your gallery's 'images' and 'thumbs' folders and create new <image> entries for these images in your gallery's 'config.xml' file.
(2) Use a Flickr gallery (by using the Juicebox-Lite Flickr configuration options) and all you would need to do to add new images to your gallery is upload them to your Flickr account.
(3) Rather than use a static XML file to list images in your gallery, use a PHP file such as documented in this forum post which would display all images in a designated directory on your web server. All you would need to do to add new images to your gallery is upload them to this directory.

No. You would need to give the plugin a unique name and the galleryInfo.lrweb file which houses the plugin's name is compiled and cannot be modified.
The next best thing might be to have your two gallery's configuration options to hand in a text file and copy and paste the ones you want into the plugin's Pro Options text area.

It looks like what you are experiencing is due to the aspect ratios of the user's browser window, the gallery (or more specifically the image area within the gallery) the main image itself and the imageScaleMode used.
For example, if you were to reduce the size of the browser window horizontally in the http://www.alexcurtisphotography.co.uk/ … 80x800.jpg gallery, then the height of the gallery would remain constant but the width would reduce. This would result in the main image being scaled down (respecting the original aspect ratio) within the image area and the gap between the gallery title and the main image itself would increase.
Other than setting fixed dimensions for your gallery, the only other way to ensure that there is a constant gap between the gallery title and the main image in all browser window sizes would be to fill the image area by setting imageScaleMode="FILL" (though cropping may occur on large images).

This <meta> 'viewport' tag has been removed in the latest version of WP-Juicebox (v1.2.0.1) which can now be downloaded from this web page.

This <meta> 'viewport' tag has been removed in the latest version of WP-Juicebox (v1.2.0.1) which can now be downloaded from this web page.

A Juicebox gallery is a set of web pages. You could copy the gallery folder onto a USB flash drive and have the gallery's 'index.html' page autorun but it would be dependent on the user's computer having a suitable browser associated with .html files to display the gallery.
You could try this with Juicebox-Lite (the free version) before purchasing Juicebox-Pro as the principle is the same for both versions. Juicebox-Lite can be downloaded from this web page.

It would not be possible to exactly replicate at AutoViewer gallery with Juicebox.
You would be able to hide the thumbnails (by setting showSmallThumbs="FALSE", showLargeThumbs="FALSE" and showThumbsButton="FALSE"), have newly selected images slide in from the sides (by setting imageTransitionType="SLIDE"), automate a slideshow (by setting autoPlayOnLoad="TRUE") and set the time between images (by setting the displayTime and imageTransitionTime configuration options) but it is not possible to have the previous and next images partially visible to the left and right of the current image.
For reference, all Juicebox Configuration Options can be found on this web page.

All galleries are embedded using embedding code.
When using an iframe, the gallery is actually embedded using embedding code in the 'index.html' file and the 'index.html' file is then loaded into the iframe.

Yes. Instructions for 'Embedding in a HTML Page' can be found here.

When embedding a gallery in a web page alongside other content, a user will be able to view the gallery fullscreen by using the 'Expand' button (though you can also include the gallery's 'index.html' page and link directly to it if you like).

If you have uploaded a complete gallery folder to your web server, then you should be able to replace your iframe with the baseUrl embedding code as documented here.