According to your code, the file should be located here: http://akl.com.au/northperthgarden/jbcore/juicebox.js
However, if you go directly to that address in a browser and you will see an error 404 (file not found).

It looks like none of your gallery folders have been uploaded to the root directory of your web space (at least not with the folder names used in your 'juiceone.html' file).

Double-check the names and location of your gallery folders on your web server.

Edit:
I have just found the cause of your problem.
Your gallery folder names contain spaces but the references to them in your 'juiceone.html' file do not.
They must match. 'northperthgarden' is not the same as 'north perth garden'.

A new version of the Juicebox web module for Adobe Lightroom has been released (v1.3.3.1) which fixes the problem of Facebook thumbnails not being displayed. The web module can be downloaded from this web page.

For non-Lightroom users who are still faced with the problem of Facebook thumbnails not being displayed, try stripping all EXIF data from your gallery images by resaving your images in an imaging program (with EXIF data deselected) or resizing them in JuiceboxBuilder (which strips all EXIF data by default).

A new version of the Juicebox web module for Adobe Lightroom has been released (v1.3.3.1) which fixes the problem of Facebook thumbnails not being displayed. The web module can be downloaded from this web page.

For non-Lightroom users who are still faced with the problem of Facebook thumbnails not being displayed, try stripping all EXIF data from your gallery images by resaving your images in an imaging program (with EXIF data deselected) or resizing them in JuiceboxBuilder (which strips all EXIF data by default).

I see no problem with your code and it works in a test scenario I set up using gallery folders with the same names as yours.
Check that your baseUrl paths exactly match the names of your gallery folders, making sure that there are no uppercase characters in your folder names (as there are no uppercase characters in your baseUrl paths and web servers are usually case-sensitive).
If this does not help, please post the URL to your web page so that I can take a look and help further.

It sounds like your gallery is not using your thumbURL images for your thumnails.
If the thumbURL images are missing from your web server (or the paths to them are incorrect in your gallery's XML file), Juicebox will use the imageURL images instead but these images are not scaled to fit the thumbnail dimensions when the gallery is displayed. (They are center-cropped as you describe.)
When creating a gallery with JuiceboxBuilder-Pro, your original images are scaled to generate dedicated thumbnails at the specified dimensions. However, when the gallery is displayed, the images used for the thumbnails (whether they are the thumbURLs or the imageURLs) are displayed at actual size (as the dedicated thumbnails should match the thumbWidth and thumbHeight values and this should not be a problem). This has been logged as a bug and should be fixed in a future version of Juicebox.

Check the that your thumbnail images are present in your gallery's 'thumbs' folder and make sure that the corresponding thumbURL entries in your gallery's XML file are correct.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.

Yes.

Yes - for two reasons:
(1) The gallery's folder name in the line loadGallery('gallery1/'); is enclosed within apostrophes itself and the apostrophe in your gallery's folder name will effectively close the opening apostrophe in the code. You could enclose the gallery name in double quotes instead loadGallery("gallery1/"); (or escape the apostrophe to ') but there is another reason why you should not use apostophes in folder names...
(2) As the gallery folder name forms part of a URL when it is uploaded to a web server, it would be wise to stick to web-safe characters. Please see section 2.3 of this document for details.

Yes. Keep all your galleries separate from each other in individual folders and put all the gallery folders in the same directory alongside the HTML page containing the code above.

As you are embedding your galleries using the baseUrl method, the 'index.html' files within each gallery folder are not actually being used at all. You can name them whatever you like (or even delete them after the galleries have been created).

In my own tests this is not necessary but I am glad that you have found a workaround for your problem.
Thank you for posting back to let me know.

The thumbnails (which are designed primarily as a navigation tool) are scaled to fill the dimensions set via the thumbWidth and thumbHeight values.
Whatever values you set for the thumbnail dimensions (using JuiceboxBuilder-Pro's 'Images (tab) -> Image Size (control panel) -> Change... (button)' options), the images will be scaled so that they completely fill (rather than fit within) the thumbnail dimensions.

It is not possible to automatically have the thumbnails individually mirror the aspect ratios of their corresponding main images. All thumbnails in a gallery will be the same size as each other and if they do not have the same aspect ratio as the main images, then cropping will occur. However, the thumbnails will be cropped only at the top and bottom or at the left and right but not in both dimensions.

When clicking a Social Sharing button, it is the gallery's web page which is shared. It is not possible to specify a different web page within Juicebox. However, you should be able to edit the link (after sharing) in your Pinterest (or other Social Media) control panel.

Unfortunately, Facebook thumbnail creation is inconsistent at the moment.
This is a known problem which the developers are aware of. All known bugs are addressed and solutions to this problem are being investigated. However, I currently have no news as to when this problem might be fixed.

Juicebox sends the thumbnail image URL to Facebook (as per the Facebook Developer API) but whether or not the thumbnail is actually displayed seems to be hit and miss.
For example, I clicked on the 5th image on the second row of your gallery's thumbnail page and the Facebook thumbnail was not displayed. However, I clicked on the same image again and the Facebook thumbnail appeared the second time around.
I have no doubt that Juicebox is sending the same data to Facebook both times but the results are inconsistent (perhaps due to a timeout in sending or processing the data).

There are also some known factors in this problem.
Facebook requires that the thumbnail image be at least 50px x 50px, have a maximum aspect ratio of 3:1 and have a maximum file size of 5MB.
It is also known that images exported by Adobe Lightroom fail to have thumbnails created by Facebook.
If you can ensure that your images meet the above criteria, you will be giving your images the best chance of having Facebook thumbnails generated successfully.

I clicked randomly on 10 of your images beyond the 1st row of thumbnails and 7 out of the 10 had their Facebook thumbnails generated successfully.

I'm not sure that this will help but you should be able to strip an ICC profile from an image in Adobe Photoshop by going to 'File -> Save As...' and deselecting the ICC checkbox in the 'Color' section.

We understand how frustrating this problem is for users and we are investigating further.

What you are describing is the Splash Page.
This is a placeholder for the gallery which is displayed by default on small screen devices when the gallery is embedded in a page (rather than displayed on a page of its own).
When the user taps 'View Gallery', the gallery is expanded to fill the user's browser window.
For more information about the Splash Page and how Juicebox adapts to different devices and screen sizes, please see here.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you can force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

If you choose to continue to use the Splash Page, you can customize it using the Splash Page configuration options.

It looks like the text for your gallery's Splash Page is not being displayed due to some global CSS rules in your web page's 'mbc-styles.css' file, for example:

Such global CSS rules will apply to all 'table' elements on your web page (including those in your gallery). Juicebox has no option but to inherit such rules. Apply CSS rules to only those elements on your web page that require them through use of ids and classes and all should be well.