');
dl.append(bubble);
}
});
}
if(_snapshotFilter_complete_js) {
eval(_snapshotFilter_complete_js);
}
updateDisplayStatus();
if (page != old_page && page < old_page && refresh) {
page++;
snapshotFilter_process();
}
else {
old_page = page;
refresh = false;
}
scrollRight = true;
});
/*
if(xmlRequest.readyState == 4) {
if(xmlRequest.responseText != null && xmlRequest.responseText.indexOf("ERROR") >= 0) {
//dialog_tell("Error", "There was an error completing your request (server responded with '" + xmlRequest.responseText + "')", 3);
} else {
var dl = document.getElementById("main_viewer_snapshots_draglayer");
if (dl)
{
dl.innerHTML = xmlRequest.responseText;
dl.style.left = 0;
var scripts = dl.getElementsByTagName('SCRIPT');
for(var v = 0; v < scripts.length; v++) {
eval(scripts[v].innerHTML);
}
// add comment bubbles to the snapshots that have comments
if (jsonSnapshots) {
for(var i = 0; i < jsonSnapshots.snapshot_order.length; i++) {
var snapshotId = jsonSnapshots.snapshot_order[i];
if(jsonSnapshots[snapshotId].numComments > 0) {
var x = 83 + (i * 120);
var auth_key_query_string = '';
if (auth_key) {
var auth_key_query_string = '/?auth='+auth_key;
}
// GDO: Ugh. FIX ME FOR PRIVATE CONVERSATIONS
var bubble = '';
$("#main_viewer_snapshots_draglayer").append(bubble);
}
}
}
if(_snapshotFilter_complete_js)
eval(_snapshotFilter_complete_js);
updateDisplayStatus();
}
}
}
*/
return true;
}
// pre-load the comment bubble images
new Image().src = "/images/comment_icon-12x12-white.gif";
new Image().src = "/images/comment_icon-12x12-orange.gif";
function rollover(imgName, imgSrc)
{
if (document.images)
{
if (imgSrc != "none")
{
document.images[imgName].src = imgSrc;
}
}
}
function snapshotFilter(filter, complete_js)
{
/*
var r = getXMLRequest();
if (! r)
{
return;
}
*/
var snapshot_links =
{
'recent': 'Most Recent',
'popular': 'Most Popular',
'creator': 'Creator',
'author': snapshot_author + '\'s Snapshots',
'self': 'My Snapshots'
};
var old_snapshot_filter = currentSnapshotFilter;
_snapshotFilter_complete_js = complete_js;
currentSnapshotFilter = filter;
if (currentSnapshotFilter != old_snapshot_filter) {
page = 1;
dl = $("#main_viewer_snapshots_draglayer");
dl.html("");
jsonSnapshots = {"count": 0, "items":[], "available":0};
// asynchonous processes ...
var draglayer = document.getElementById("main_viewer_snapshots_draglayer");
draglayer.style.left = 0;
if (filter == "self" && !isLoggedIn()) {
updateDisplayStatus();
}
else {
snapshotFilter_process();
}
} else {
if (jsonSnapshots.count == 0) {
snapshotFilter_process();
}
}
//r.onreadystatechange = snapshotFilter_process;
//r.send("proc=getSnapshots&gigapan_id=" + gigapan_id + "&filter=" + filter + "&auth=" + auth_key);
//alert(filter);
document.getElementById("snapshot_filter_" + filter).innerHTML =
"" +
snapshot_links[filter] +
"";
if (old_snapshot_filter && old_snapshot_filter != filter)
{
document.getElementById('snapshot_filter_' + old_snapshot_filter).innerHTML
= "" +
snapshot_links[old_snapshot_filter] + "";
}
return true;
}
function scrollToSnapshot(id) {
if(!id) return true;
if(!jsonSnapshots) return true;
var w = 0;
for(var i = 0; i < jsonSnapshots.items.length; i++) {
if(jsonSnapshots.items[i][0] == id) {
w= i;
break;
}
}
w--;
if (w < 0) {
if (jsonSnapshots.items.length < jsonSnapshots.available) {
page += 1;
snapshotFilter_process();
}
}
// make sure the snapshot was found (it might not be if the filter defaults to, say, "My Snapshots" and the given
// snapshot id isn't one of those (which can happen if someone clicks on a snapshot from search results).
if (w >=0) {
var c = document.getElementById("main_viewer_snapshots_viewport");
// ensure snapshot is visible in scroll filmstrip
var halfSnapshotWidth = 0.5 * snapshotWidth;
var scrollAmount = (c.clientWidth / 2) - (w * snapshotWidth + halfSnapshotWidth);
snapshotScroll(scrollAmount, false);
}
return true;
}
// ENSURES NAMED SNAPSHOT IS VISIBLE AND HIGHLIGHTS IT IN THE VIEWER.
function showSnapshot(id) {
if(! id) {
return true;
}
scrollToSnapshot(id);
// find the snapshot in the draglayer, so we can trigger events on it
var dl = document.getElementById("main_viewer_snapshots_draglayer");
var elem = null;
for(var i = 0; i < dl.childNodes.length; i++) {
if(dl.childNodes[i].nodeName != "IMG")
continue;
if(dl.childNodes[i].id == id) {
elem = dl.childNodes[i];
break;
}
}
// show description box, then set display extent
if(elem) {
elem.onmouseover(null);
elem.onclick(null);
return true;
}
return false;
}
// UPDATES SNAPSHOT UI COUNTS/STATUS MESSAGES
function updateDisplayStatus() {
var draglayer = document.getElementById("main_viewer_snapshots_draglayer");
var draglayerLeft = ((draglayer.style.left) ? parseInt(draglayer.style.left) : 0);
var viewport = document.getElementById("main_viewer_snapshots_viewport");
var header = document.getElementById("main_viewer_snapshots_header");
var range = document.getElementById("main_viewer_snapshots_position");
var numSnapshots = 0;
// count snapshots
if(jsonSnapshots) {
numSnapshots = jsonSnapshots.available;
} else {
numSnapshots = 0;
}
// compute range
var min_snapshot;
var max_snapshot;
if (draglayerLeft < 0)
{
var numberOfSnapshotsHiddenToTheLeft = Math.abs(Math.round(draglayerLeft / snapshotWidth));
min_snapshot = numberOfSnapshotsHiddenToTheLeft + 1;
max_snapshot = Math.round((Math.abs(draglayerLeft) + viewport.clientWidth) / snapshotWidth);
}
else
{
min_snapshot = 1;
max_snapshot = Math.min(numSnapshots, getNumberOfSnapshotsWhichCanBeAllOrMostlyInView());
}
// update UI
if (numSnapshots) {
header.innerHTML = "Snapshots (" + numSnapshots + ")";
}
if (draglayer.clientWidth > 0) {
if (numSnapshots == 0) {
range.innerHTML = "";
} else if (numSnapshots == 1){
range.innerHTML = "Only one snapshot matches the selected filter";
} else {
range.innerHTML = "Snapshots " + min_snapshot + " to " + max_snapshot + " of " + numSnapshots;
}
} else {
var message = "No snapshots match the selected filter ";
var messageAddendum = "";
if (currentSnapshotFilter == 'self')
{
if (isLoggedIn())
{
messageAddendum = "(you have not taken any snapshots of this panorama)";
}
else
{
messageAddendum = "(you are not logged in)";
}
}
range.innerHTML = message + messageAddendum;
}
// update right/left arrows (start by enabling them, and then handle all the cases where they could be disabled)
var leftArrow = document.getElementById("left_scroll_image");
var rightArrow = document.getElementById("right_scroll_image");
leftArrow.src = "/images/left_scroll.png";
rightArrow.src = "/images/right_scroll.png";
if (draglayer.clientWidth < viewport.clientWidth)
{
leftArrow.src = "/images/left_scroll_disabled.png";
rightArrow.src = "/images/right_scroll_disabled.png";
}
else
{
if (draglayerLeft == 0)
{
leftArrow.src = "/images/left_scroll_disabled.png";
}
if (Math.abs(draglayerLeft) + viewport.clientWidth >= draglayer.clientWidth)
{
rightArrow.src = "/images/right_scroll_disabled.png";
}
}
return true;
}
// SCROLLS FILMSTRIP BY GIVEN AMOUNT; BOUNDS TO ENSURE STRIP IS ALWAYS VISIBLE.
function snapshotScroll(amount, refresh) {
var dl = document.getElementById("main_viewer_snapshots_draglayer");
var c = document.getElementById("main_viewer_snapshots_viewport");
if(dl && c) {
var l = ((dl.style.left) ? parseInt(dl.style.left) : 0);
var pos = l + parseInt(amount);
var pos0 = pos;
// there is nothing to scroll--inner layer is smaller than viewport
if(dl.clientWidth < c.clientWidth)
return;
// ensure a user can't scroll past bounds of drag layer--max out such that the drag layer is always visible
// prevent left side from going too far right
if (pos > 0) {
pos = 0;
} else if (pos < c.clientWidth - dl.clientWidth) {
pos = c.clientWidth - dl.clientWidth;
}
dl.style.left = pos + "px";
if(refresh)
updateDisplayStatus();
return true;
} else
return false;
}
var _last_border_snapshot = null;
function borderSnapshot(id) {
var t = document.getElementById(id);
if(t) {
if(_last_border_snapshot)
_last_border_snapshot.style.border = "none";
t.style.border = "1px solid #FF7B00";
_last_border_snapshot = t;
}
}
function displayDetails(index) {
var d = document.getElementById("main_viewer_snapshots_description");
//alert(jsonSnapshots.items);
if (jsonSnapshots) {
id = jsonSnapshots.items[index][0];
}
if (d)
{
var auth_key_query_string = '';
if (auth_key) {
var auth_key_query_string = '/?auth='+auth_key;
}
var str = ""
str += "