Judging by the vertical nature of the Button Bar, it looks like a dimensional/timing problem (maybe the tab's dimensions are not fully set up when the gallery is loaded).
Additionally, if I resize the browser window (forcing the gallery to be redrawn with new dimensions), the main image and the Button Bar are both displayed correctly.

Thinking about my original suggestion, it looks like adding code such as:

<script>
    loadGallery('aluminium/', 'juicebox-container-1');
</script>

.. in each tab will still load all galleries as soon as the web page is loaded (so galleries 2, 3 and 4 may still be loaded within hidden tabs). It looks like tabs 2, 3 and 4 may not be visible when the web page is initially loaded but all the HTML and JavaScript code within the tabs will be parsed by the browser on load.

However, loading only one 'juicebox.js file per page, embedding each gallery into a unique container and using a loadGallery() function are still steps in the right direction so all your work so far has not been in vain.

Here's perhaps a better suggestion which should hopefully work (and load each gallery on demand only after the parent tab is visible, i.e. when a tab is clicked).
Create a click handler for your tab headers and run the loadGallery() function to load the gallery corresponding to the selected tab.
Remove the individual calls to the loadGallery() function (but leave the gallery container divs in place) and add the following code just below the loadGallery() function itself.

$(document).ready(function() {
    $("li[role='presentation'] a").click(function() {
        var gallery = $(this).attr('aria-controls');
        var base = gallery + '/';
        var container = 'juicebox-' + gallery;
        loadGallery(base, container);
    });
});

(The code above extracts the gallery name from your conveniently named 'aria-contols' attribute and uses it to form the baseUrl and containerId.)
If this does not work, then you might need to introduce a slight delay before loading the gallery (to ensure that the tab's dimensions are set up) so try this (which has a delay of 200ms before loading the gallery).

$(document).ready(function() {
    $("li[role='presentation'] a").click(function() {
        window.setTimeout(function() {
            var gallery = $(this).attr('aria-controls');
            var base = gallery + '/';
            var container = 'juicebox-' + gallery;
            loadGallery(base, container);
        }, 200);
    });
});

I hope this helps to resolve your problem.

The SimpleViewer skin for jAlbum used a third-party audio player embedded in the main album page so the audio track did not change when new galleries were selected.
The Juicebox skin does not feature a third-party audio player and, as you have discovered, adding an audio track to each individual Juicebox gallery will result in the audio tracks overlapping each other when new galleries are selected.

Unfortunately, there is no Juicebox-Pro API method to specifically stop audio from playing. There is just a toggleAudio() method and no way to easily track the status of the audio (to determine whether it is playing or not). The only way I've found to stop audio from one gallery before loading another relies on the Button Bar being visible in the galleries (to check if the Audio Button has the '.jb-status-playing' class) and invloves iterating over all '.jb-bb-btn-audio' elements to stop those that are playing.

Try opening your album's 'index.html' file and the following code immediately after the function loadContent(galleryPath, galleryCount) { line:

if (jb) {
    $('.jb-bb-btn-audio').each(function() {
        if ($(this).hasClass('jb-status-playing')) {
            jb.toggleAudio();
        }
    });
}

(You can add this code to the skin's template 'index.htt' file if you like and the code will automatically be included in the album's 'index.html' file each time you edit or create a new project.)

I hope this helps.

You're welcome!
I'm glad you've now got a PHP script which works as you like.
I hope you have a great Christmas, too!

No problem.
Just create a new thread for each issue and I'll do my best to help you out.

If you still want to reverse the order of the images, replace:

$gallery=GetDirArray('images');

... with:

$gallery = GetDirArray('images');
$gallery = array_reverse($gallery);

Your PHP script does not populate the image titles or captions with anything at all. They are currently empty.
As an example, if you want to display the filename (without the file extension) as the image title and the IPTC Description (embedded within the image) as the image caption, then replace:

echo '<title></title>';
echo '<caption></caption>';

... with:

echo '<title><![CDATA[' . pathinfo($gallery[$i], PATHINFO_FILENAME) . ']]></title>'; // Extract and use filename without file extension for image title
$caption = '';
$size = getimagesize('images/' . $gallery[$i], $info); // Puts image info into $info array
if(isset($info['APP13'])) { // If IPTC data is present in image info...
    $iptc = iptcparse($info['APP13']); // Put IPTC data into $iptc array
    $caption = $iptc['2#120']; // Use IPTC Description as image caption
    $caption = preg_replace('/\r\n|\r|\n/', '<br />', $caption); // Ensure line feeds and carriage returns from IPTC Description are respected
    $caption = preg_replace('/\p{Cc}+/u', '', $caption); // Strip control characters from image caption
}
echo '<caption><![CDATA[' . $caption[0] . ']]></caption>'; // Display image caption

With your current gallery settings, you'll likely need to increase the maxCaptionHeight value (from 50 to something larger, such as the default value of 120) to accommodate both an image title and an image caption (for both to be visible).

I hope this helps.

Your album is certainly using Juicebox-Pro v1.5.1 and the galleries within the album are definitely using the Pro files.
Your second gallery ('Childrens Ward On The Asylum') displays 54 images (if the gallery was using Juicebox-Lite, only 50 images would be displayed) and thumbsPosition="LEFT" (a Pro only configuration option) is active.
The only problem I can see with this particular gallery is that the audioUrlMp3 has been set as: "gallerysoundtrack.mp3" . (with double-quotes, a tab character and a dot at the end).
Change "gallerysoundtrack.mp3" . to just gallerysoundtrack.mp3 and your audio track should play (as long as the file is in the correct location on your web server).

If you still see Juicebox-Lite galleries within your album (signified by the Juicebox logo in the lower right corner of the galleries), then the problem is more than likely to be a caching issue (either server caching or client-side browser caching).
Check with your web host to see if server caching is used on your web hosting account (and, if so, ask if it could be disabled, at least for testing purposes) and make sure that you clear the cache of any browser that might have been used to view your site whilst Juicebox-Lite files were in place.

Hopefully this will help.

If you have successfully upgraded the skin from Juicebox-Lite to Juicebox-Pro, then there should be no Lite 'jbcore' folder in the skin and jAlbum will have no option but to use the Pro 'jbcore' folder in the resulting gallery so there really ought to be no Lite 'jbcore' folder anywhere, except possibly already on your web server.

If you've ever used Juicebox-Lite and are upgrading a gallery to Juicebox-Pro then please check the following.

(1) Make sure when you upload your gallery to your web server that the Lite 'jbcore' folder is being overwritten with the Pro version. (It is possible that your FTP program might be set to not overwrite any existing files and folders.)

(2) Try clearing your browser's cache before reloading your gallery's web page to ensure that your browser is using the latest Pro files from your web server (instead of perhaps using older, cached Lite files).

If this does not help, then please post back with the URL to your gallery so that I can check it out for myself and hopefully help further.

This has nothing to do with the password for any of your galleries and is an Adobe AIR problem.

First of all, with JuiceboxBuilder-Pro closed, please manually delete the following folders:
~/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
~/Library/Preferences/JuiceboxBuilder-Pro

If this does not help, then please try the "Fixing Mac EncryptedLocalStore database access error" procedure outlined in this Adobe forum thread. Please note that a couple of posts later in that thread, a user claims that it is necessary to reboot your computer after the deletions.
This should hopefully solve your problem.

I have found only one other user who has reported such a problem in this forum, here.
This user's workaround was to uninstall Adobe AIR and then download and install an earlier version of AIR (from the Adobe AIR archive page).
I would not normally recommend using an older version of any software but if it helps to get someone back up and running, then it might be a useful piece of information.

I hope that the suggestions above help.

I do not know how your Flickr descriptions have been populated (maybe generated automatically by Flickr or entered manually by yourself) but Juicebox will just display whatever the Flickr descriptions are.
It sounds like you might need to change the Flickr descriptions for your images in the Flickr interface.
Juicebox will display only the Flickr titles (for the image titles) and the Flickr descriptions (for the image captions).
It is not possible for Juicebox to extract information from any other Flickr field for use in the Juicebox caption area.

If you used the PHP suggestion (instead of using Flickr as a source for your gallery), then you could use PHP to extract certain embedded IPTC metadata from the images (such as the 'CreationDate') and then use this information as image titles or captions.
Knowledge of PHP would be required but it should certainly be possible.
If you'd like to look into this further, please see the PHP support page for the iptcparse function.
It might be a bit of work initially to write the script but it might prevent you from having to manually edit the Flickr descriptions for all your images.

You can disable the thumbnail paging text (e.g. "1 of 1") in Small Screen Mode by setting showSmallPagingText="FALSE" in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section.

I'm not sure how you have entered your Flickr titles and descriptions but you might need to set flickrShowDescription="TRUE" in JuiceboxBuilder-Pro's 'Customize -> Flickr' section.
(The default value for flickrShowTitle is TRUE but the default value for flickrShowDescription is FALSE.)

Using a PHP file to dynamically generate a gallery's XML configuration file is a tried and tested method which should work fine. In fact, WP-Juicebox (the dedicated Juicebox plugin for WordPress) uses this method to display all galleries created by the  plugin. It's also mentioned in this FAQ:
Can Juicebox handle a custom data source, for example RSS or Instagram?

When adding the configUrl entry to your gallery's embedding code, make sure that you separate all your embedding code parameters with commas, for example:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        configUrl: "config.php",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Also, please note that the configUrl value is a path to a file. It can be a relative path (relative to the web page containing the embedding code) or an absolute path. For example, if you use:

configUrl: "config.php",

... then your PHP script should be named "config.php" and located in the same directory as the web page containing the embedding code.

This is just the way that Juicebox works and it cannot be changed: the Open Image button redirects to the Flick page containing the image and the Download Button is disabled for Flickr galleries (as Flickr does not seem to like images hosted on their servers from being downloaded via PHP).
If you want to be able to open an image in a new tab or have the Download Button active (to allow users to download the images), then you'll need to host the images yourself.

Maybe you could give the PHP suggestion another try. It should work fine. If you run into any difficulties, just let me know and I'll try to help you further. (If possible, please provide the PHP code you are using and post the URL to your gallery's web page on your web server. Thank you.)

I would recommend just installing the Juicebox Lightroom Plugin afresh on your new computer.
For each licensed copy, you can install and use JuiceboxBuilder-Pro (and the Pro plugins) on up to 3 different computers, as noted in this FAQ:
Can I install on multiple computers?

If you still have your Juicebox-Pro zip file available, you can copy it to a USB flash drive and transfer it to your new computer.
If your zip file is not the current version (v1.5.1), then I would take this opportunity to download and install the latest version on your new computer.
If necessary, you can download Juicebox-Pro v1.5.1 using your original download link. Upgrades are free within the same version number and the download link always points towards the latest version rather than the version you purchased.
If you cannot find your original download link or if it has expired, then please let me know and I can send you a new one.

Once you transfer the Juicebox-Pro zip file to your new computer (or download it directly onto your new computer), just follow the installation instructions on the plugin's support page here.

Hopefully these notes will help.
However, if you get stuck with anything, just let me know how far into the process you get and what seems to be the problem and I'll do my best to help you out further.