If you want to prevent browsers from caching your gallery's XML file, try defining your gallery's XML file with a unique identifier (e.g. the current time which will be different each time the browser loads the page) using the configUrl option in your gallery's embedding code.

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId : 'juicebox-container',
        configUrl : 'config.xml?nocache=' + new Date().getTime()
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

At the moment on your web site, the embedding code is in both pages.
However, the gallery's own 'index.html' page is required only if you want to view the gallery on a page of its own (or if you want to load the gallery into an iframe).
As you are embedding the gallery into an existing page alongside other content, the gallery's own 'index.html' page is redundant and can actually be deleted from your web server if you like.

There is no need to replace the code in the gallery's 'index.html' file (see above). Just change the URLs in the embedding code in the 'interiors.html', 'exteriors.html' and 'projects.html' pages.
The JavaScript code tells Juicebox to fill the 'juicebox-container' <div> with the gallery. The JavaScript code should be outside the 'juicebox-container' <div>.

I notice that you have the embedding code correctly inserted into your http://www.hotelmandarina.com/rooms_rates.html page.
However, the path to the 'juicebox.js' file within the embedding code is incorrect.
Copy the contents of your gallery folder to the root of your web space (alongside the 'rooms_rates.html' file) and your gallery should display fine.

Your gallery (the 'juicebox-container' <div>) is horizontally centered within its parent container and, within the gallery, the thumbnails are centered within the thumbnail area and the main image is centered within the image area. Most of your main images are portrait style and, in a landscape style gallery, there is space to the left and right of the main image. Try resizing your gallery browser (by reducing its width) and you will see that the thumbnails and main images become closer together.

This is because you have set thumbsPosition="LEFT" and thumbNavPosition="BOTTOM".

Currently, there is no configuration option available to horizontally align the main images to the right edge of the image area. However, in a browser window of a certain aspect ratio (closer to portrait than landscape), the right side of your main images will be flush against the right edge of the gallery. Try resizing your browser window and you should see this.

My suggestions above would move the thumbnails away from the left edge of the gallery.
If you wanted the thumbnails as close to the main images as possible (for images of all aspect ratios), you could set the following configuration options:

thumbsPosition="LEFT"
maxThumbRows="3"
maxThumbColumns="3"
thumbNavPosition="BOTTOM"
thumbPadding="0"
imagePadding="0"
imageScaleMode="FILL"

Changing thumbNavPosition from "BOTTOM" to "CENTER" will reserve space to the left and right of the thumbnails for the thumbnail navigation arrows.
As I noted above, there are currently no configuration options to horizontally and vertically align the thumbnails and main images within their respective areas but such options should be introduced in the next version of Juicebox-Pro.

It sounds like you have entered the embedding code as plain text rather than as HTML code. Make sure that the method of entry is correct (use Code View).

This is simply the name of the HTML page created by JuiceboxBuilder-Lite in order to display the gallery on a page of its own (for example, when previewing the gallery immediately after creation). If you plan to embed the gallery in an existing web page alongside other content, this HTML page is not actually required so it does not matter what you name the file.

You have a stray double-quote in your code.
Change:

<div id="juicebox-container" "style="margin: 0 auto;">

... to:

<div id="juicebox-container" style="margin: 0 auto;">

However, your gallery is horizontally centered within its parent container.

If you wish to increase the distance between the thumbnails and the left edge of the gallery, you could:
(1) Change thumbNavPosition="BOTTOM" to thumbNavPosition="CENTER"
(2) Increase the value of the thumbPadding configuration option
(3) Increase the value of the stagePaddingconfiguration option

The next version of Juicebox-Pro will also introduce configuration options which will allow you to horizontally and vertically align the thumbnails and main images within their respective areas (although I do not know when it will be released).

I think I may have discovered the reason for your problem.
In your galleries, the paths within your embedding code use the www subdomain of finecustombuilding.com (www.finecustombuilding.com) and your galleries will display fine if visiting www.finecustombuilding.com.
However, all gallery files must be located on the same domain (or subdomain) as the web page into which the gallery is embedded (due to the JavaScript same origin policy) and your gallery will fail if you access your page via finecustombuilding.com rather than www.finecustombuilding.com.

Either ensure that your clients visit www.finecustombuilding.com or use relative paths within your embedding code so that your galleries can be viewed at both www.finecustombuilding.com and finecustombuilding.com.

For example, in your 'projects.html' file, use the following embedding code:

<script src="jbox_gallery3/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : 'jbox_gallery3/',
    containerId : 'juicebox-container3',
    galleryWidth : '930px',
    galleryHeight : '700px',
    backgroundColor: '#222222'
  });
  </script>

A Juicebox gallery should work fine in a page using an XHTML Doctype Declaration.

Make sure that you are using the current version of Juicebox-Lite (v1.2.0).
If necessary, instructions for 'Upgrading Juicebox' can be found here.

Also, try re-uploading your gallery's 'jbcore' folder to ensure that all necessary files are present and correct in case something happened to corrupt the 'juicebox.js' file on the initial upload.

If you continue to experience difficulties, please post the URL to your web page so that I can take a look.

@graphitegolem

You can join our email mailing list (at the bottom of our homepage) to get all the latest Juicebox news and developments.

Just try opening Adobe Extension Manager first and then go to 'File -> Install Extension' from the drop-down menu at the top (and navigate towards the .mxp file).
I have fixed the link in my previous post. (The instructions for installing the CS2/CS3 version are on the Photoshop Template page.)

Rather than double-clicking the .mxp file, try right-clicking the shortcut for Adobe Extension Manager, selecting 'Run as administrator...' and then go to 'File -> Install Extension' from the drop-down menu at the top (and navigate towards the .mxp file).
Otherwise, download the Photoshop Template for CS2 or CS3 and following the installation instructions here.
Once installed, the plugin files for CS2/CS3 are identical to those for CS4 or higher, only the method of packing the files (.zip vs .mxp) differs.