Your gallery has successfully been embedded in your web page (otherwise the gallery would not display) so the location of your gallery folder on your web server and the embedding code that you use are both fine.
The only problem remaining is the positining of the embedding code within your web page.
At the moment, your gallery's embedding code (inclusing the Juicebox container <div>) has been placed between the <head> and <body> sections of your web page. (There should be nothing between the closing </head> tag and the opening <body> tag. The <script> tags from the embedding code can be placed in the <head> section (if you like) but the Juicebox container <div> must be in the <body> section somewhere (wherever you want the gallery to appear).
Looking at the code on your web page, it looks like your gallery's embedding code should be placed within the following <div> container, either alongside the <span> tag or replacing it. (I can't be sure that this is the correct place for your gallery on your web page but it is the first place I'd try.) You might need to adjust your gallery's dimensions, too. Try a galleryWidth of 100% (so that the gallery spans the entire width of its parent container (and adjust the galleryHeight as necessary).
<div class="xr_strb " style="top: 0px; left: 0px; width: 100%; min-width: 760px; position: absolute;">
<span class="xr_ar" style=" left: 0px; width: 100%; height: 393px; top: 85px; position: absolute; background:url('index_htm_files/312@2x.jpg') center center no-repeat; background-size: cover;"></span>
</div>
1. once people are done shuffling through all the photos, how do they return to my home page: will clicking on the BACK browser take them to it directly or will they have to shuffle through all the photos in reverse first.
Juicebox-Pro features a Back Button which you can use to link durectly to any web page you link.
Check out the Back Button (the 'home' icon at the top-left) in this demo gallery.
For reference, a list of all Back Button configuration options can be found here.
(Please note that the Back Button is a Pro only option which is not supported by Juicebox-Lite, the free version.)
2. How do i save the current album I just created in Juicebox?
The 'Gallery -> Save' option from the drop down menu at the top will be available (i.e. not greyed-out) only if the gallery currently being developed already exists (i.e. has either already been saved on the 'Publish' tab or has been opened for editing). When clicking 'Gallery -> Save', the existing gallery will be overwritten with new files: an updated 'config.xml' file, a new HTML file (named after the existing HTML file) and revised image and thumbnail folders.
If you are creating a fresh gallery from scratch (and have not yet saved the gallery), then you'll notice that the 'Gallery -> Save' option will be greyed out and you'll need to save the gallery first on the 'Publish' tab.
I recommend that you save each gallery to a new empty folder of its own so that they are all separate from each other and there is no confusion over the location of individual galleries.
If each gallery is self-contained in a folder of its own, then there is no chance that 'index.html' files will overwrite each other (they will all be in different folders) so there is no need to rename (or move or otherwise modify) any gallery files.
Just give each gallery folder a unique name.
When opening an existing gallery in JuiceboxBuilder, the gallery's configuration file must be named 'config.xml' and must be in the root of hte gallery folder. If the 'config.xml; file has been renamed or moved, then the gallery will not be able to be opened by JuiceboxBuilder.
I hope these notes help to clarify things.