It sounds like you are experiencing a lot of problems with Juicebox-Pro in your Safari browser.
We have not had any other users experience so many problems with v1.4.2 in any one specific browser so it sounds like your particular version of Safari (v5.1.10) may be at the root of many of your issues.
The resulting gallery fails to open in full screen mode, giving the error :"Juicebox Error: Config XML file not found."
This should not happen unless the 'full.html' page is not in the correct location or has been renamed.
Have you tried completely clearing your browser's cache before reloading your gallery to see if this helps?
When I turn off the "Show Info Button" per your suggestion, the caption overlay now appears "left" even though the configuration is set to "center", again in Safari.
This sounds like you may have a conflict with some CSS code on your web page. (Check your CSS files for any generalized CSS code that the gallery might be inheriting.) However, if this was true, then I would expect the issue to be seen in all browsers (not just Safari v5.1.10).
One thing I have noticed is that your web page loads the 'juicebox.js' file twice. The 'juicebox.js' file should be loaded only once per page. Try removing one of your <script src="../tools/jb/jbcore/juicebox.js"></script> entries to see if this makes a difference.
Essentially, I need to have an option to place a logo JUST on the full screen page, not to have the same logo appear on both regular and full screen pages.
You could perhaps set up the Back Button to display your logo (rather than plain text) by using HTML formatting as documented in this FAQ and then use the Juicebox-Pro API to ensure that the Back Button is displayed only when the gallery is expanded.
Here is an example:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var jb = new juicebox({
containerId: 'juicebox-container',
galleryWidth: '800',
galleryHeight: '600',
backButtonPosition: 'TOP',
backButtonText: '<img src="logo.png" height="50" width="100" alt="logo" />',
backButtonUrl: 'http://www.example.com'
});
jb.onInitComplete = function() {
$('.jb-go-back img').hide();
};
jb.onExpand = function(expanded) {
if (expanded) {
$('.jb-go-back img').show();
} else {
$('.jb-go-back img').hide();
}
};
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
I hope this helps.