(1) Instead of the following:
new juicebox({
containerId: 'juicebox-container',
configUrl: 'ResponseGallery.aspx?id=' + id
//baseURL: 'http://admin.svstudios.com/App_Upload/',
}).toggleExpand();
... try:
jb = new juicebox({
containerId: 'juicebox-container',
configUrl: 'ResponseGallery.aspx?id=' + id
//baseURL: 'http://admin.svstudios.com/App_Upload/',
});
jb.onInitComplete = function() {
jb.toggleExpand();
}
(2) I am not sure why you would be getting two responses but perhaps the second one is due to the call to the toggleExpand() method. Try temporarily removing this to see if it makes a difference.
(3) I see the scrolling problem in your web page (on closing a gallery) but have been unable to replicate it in a stripped back test gallery resembling yours as closely as possible (loading the same external JavaScript and CSS files as your page does and using a similar technique to display an expanded gallery from a link on the same page).
Try temporarily removing elements from your web page, one by one, until the problem no longer exists to try to determine the cause of the problem.
Also, it looks like the code:
*
{
color: #323232;
}
... in your 'main.css' file is overriding the color of the Button Bar icons, the navigation arrow buttons and the titles and captions in your gallery (as the gallery is inheriting this wildcard CSS rule).
You can override this wildcard CSS rule by explicitly setting colors for the elements in your gallery using the available Color Options.