[25283] | 1 | var _imageZoomEnabled = false;
|
---|
| 2 | var _linkCellMap = new Array();
|
---|
| 3 | var _onCells = new Array();
|
---|
| 4 |
|
---|
[24467] | 5 | /********************
|
---|
| 6 | * EXPANSION SCRIPTS *
|
---|
| 7 | ********************/
|
---|
| 8 |
|
---|
[25366] | 9 | function getTextForSection(sectionID, callback)
|
---|
[24467] | 10 | {
|
---|
[25366] | 11 | if(!callback)
|
---|
| 12 | {
|
---|
| 13 | console.log("Cannot get text as the callback function is not defined");
|
---|
| 14 | }
|
---|
| 15 |
|
---|
| 16 | var template = "";
|
---|
| 17 | template += '<xsl:template match="/">';
|
---|
| 18 | template += '<text>';
|
---|
[25441] | 19 | template += '<xsl:for-each select="/page/pageResponse/document//documentNode[@nodeID = \'' + sectionID + '\']">';
|
---|
[26020] | 20 | template += '<xsl:call-template name="sectionContent"/>';
|
---|
[25441] | 21 | template += '</xsl:for-each>';
|
---|
[25366] | 22 | template += '</text>';
|
---|
| 23 | template += '</xsl:template>';
|
---|
| 24 |
|
---|
[25720] | 25 | var hlCheckBox = document.getElementById("highlightOption");
|
---|
| 26 |
|
---|
| 27 | var hl = "";
|
---|
| 28 | if(hlCheckBox)
|
---|
| 29 | {
|
---|
| 30 | if(hlCheckBox.checked)
|
---|
| 31 | {
|
---|
| 32 | hl = "on";
|
---|
| 33 | }
|
---|
| 34 | else
|
---|
| 35 | {
|
---|
| 36 | hl = "off";
|
---|
| 37 | }
|
---|
| 38 | }
|
---|
| 39 |
|
---|
[25366] | 40 | var ajax = gs.functions.ajaxRequest();
|
---|
[25720] | 41 | ajax.open("GET", gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + sectionID + "?hl=" + hl + "&p.s=TextQuery&ilt=" + template.replace(" ", "%20"), true);
|
---|
[25366] | 42 | ajax.onreadystatechange = function()
|
---|
| 43 | {
|
---|
| 44 | if(ajax.readyState == 4 && ajax.status == 200)
|
---|
| 45 | {
|
---|
| 46 | var response = ajax.responseText;
|
---|
| 47 |
|
---|
| 48 | if(response)
|
---|
| 49 | {
|
---|
| 50 | var textStart = response.indexOf(">", response.indexOf(">") + 1) + 1;
|
---|
| 51 | var textEnd = response.lastIndexOf("<");
|
---|
| 52 |
|
---|
| 53 | if(textStart == 0 || textEnd == -1 || textEnd <= textStart)
|
---|
| 54 | {
|
---|
| 55 | callback("");
|
---|
| 56 | }
|
---|
| 57 |
|
---|
| 58 | var text = response.substring(textStart, textEnd);
|
---|
| 59 | callback(text);
|
---|
| 60 | }
|
---|
| 61 | else
|
---|
| 62 | {
|
---|
| 63 | callback(null);
|
---|
| 64 | }
|
---|
| 65 | }
|
---|
| 66 | else if(ajax.readyState == 4)
|
---|
| 67 | {
|
---|
| 68 | callback(null);
|
---|
| 69 | }
|
---|
| 70 | }
|
---|
| 71 | ajax.send();
|
---|
| 72 | }
|
---|
| 73 |
|
---|
| 74 | function getSubSectionsForSection(sectionID, callback)
|
---|
| 75 | {
|
---|
| 76 | if(!callback)
|
---|
| 77 | {
|
---|
| 78 | console.log("Cannot get sub sections as the callback function is not defined");
|
---|
| 79 | }
|
---|
| 80 |
|
---|
| 81 | var template = "";
|
---|
| 82 | template += '<xsl:template match="/">';
|
---|
| 83 | template += '<sections>';
|
---|
[25441] | 84 | template += '<xsl:for-each select="/page/pageResponse/document//documentNode[@nodeID = \'' + sectionID + '\']/documentNode">';
|
---|
[25366] | 85 | template += '<xsl:call-template name="wrapDocumentNodes"/>';
|
---|
| 86 | template += '</xsl:for-each>';
|
---|
| 87 | template += '</sections>';
|
---|
| 88 | template += '</xsl:template>';
|
---|
| 89 |
|
---|
| 90 | var ajax = gs.functions.ajaxRequest();
|
---|
[25936] | 91 | var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + sectionID + "?ilt=" + template.replace(" ", "%20");
|
---|
| 92 |
|
---|
| 93 | if(gs.documentMetadata.docType == "paged")
|
---|
| 94 | {
|
---|
| 95 | url += "&dt=hierarchy";
|
---|
| 96 | }
|
---|
| 97 | ajax.open("GET", url, true);
|
---|
[25366] | 98 | ajax.onreadystatechange = function()
|
---|
| 99 | {
|
---|
| 100 | if(ajax.readyState == 4 && ajax.status == 200)
|
---|
| 101 | {
|
---|
| 102 | var response = ajax.responseText;
|
---|
| 103 |
|
---|
| 104 | if(response)
|
---|
| 105 | {
|
---|
[25441] | 106 | var sectionsStart = response.indexOf(">", response.indexOf(">") + 1) + 1;
|
---|
[25366] | 107 | var sectionsEnd = response.lastIndexOf("<");
|
---|
| 108 |
|
---|
| 109 | if(sectionsStart == 0 || sectionsEnd == -1 || sectionsEnd <= sectionsStart)
|
---|
| 110 | {
|
---|
[25462] | 111 | callback(" ");
|
---|
| 112 | return;
|
---|
[25366] | 113 | }
|
---|
| 114 |
|
---|
| 115 | var sections = response.substring(sectionsStart, sectionsEnd);
|
---|
| 116 | callback(sections);
|
---|
| 117 | }
|
---|
| 118 | else
|
---|
| 119 | {
|
---|
| 120 | callback(null);
|
---|
| 121 | }
|
---|
| 122 | }
|
---|
| 123 | else if(ajax.readyState == 4)
|
---|
| 124 | {
|
---|
| 125 | callback(null);
|
---|
| 126 | }
|
---|
| 127 | }
|
---|
| 128 | ajax.send();
|
---|
| 129 | }
|
---|
| 130 |
|
---|
[25441] | 131 | function toggleSection(sectionID, callback, tocDisabled)
|
---|
[25366] | 132 | {
|
---|
[24467] | 133 | var docElem = document.getElementById("doc" + sectionID);
|
---|
| 134 | var tocElem = document.getElementById("toc" + sectionID);
|
---|
| 135 |
|
---|
| 136 | var tocToggleElem = document.getElementById("ttoggle" + sectionID);
|
---|
| 137 | var docToggleElem = document.getElementById("dtoggle" + sectionID);
|
---|
| 138 |
|
---|
| 139 | if(docElem.style.display == "none")
|
---|
| 140 | {
|
---|
[25441] | 141 | if(tocToggleElem && !tocDisabled)
|
---|
[24467] | 142 | {
|
---|
[25009] | 143 | tocToggleElem.setAttribute("src", gs.imageURLs.collapse);
|
---|
[24467] | 144 | }
|
---|
| 145 |
|
---|
[25441] | 146 | if(tocElem && !tocDisabled)
|
---|
[24467] | 147 | {
|
---|
| 148 | tocElem.style.display = "block";
|
---|
| 149 | }
|
---|
[25366] | 150 |
|
---|
| 151 | if(gs.functions.hasClass(docElem, "noText"))
|
---|
| 152 | {
|
---|
| 153 | getTextForSection(sectionID, function(text)
|
---|
| 154 | {
|
---|
| 155 | if(text)
|
---|
| 156 | {
|
---|
[25462] | 157 | var nodeID = sectionID.replace(/\./g, "_");
|
---|
| 158 | if(text.search("wrap" + nodeID) != -1)
|
---|
| 159 | {
|
---|
[25936] | 160 | document.getElementById("zoomOptions").style.display = null;
|
---|
| 161 | document.getElementById("pagedImageOptions").style.display = null;
|
---|
[25462] | 162 | }
|
---|
[25366] | 163 | getSubSectionsForSection(sectionID, function(sections)
|
---|
[25462] | 164 | {
|
---|
[25366] | 165 | if(sections)
|
---|
| 166 | {
|
---|
| 167 | var textElem = document.getElementById("doc" + sectionID);
|
---|
[25462] | 168 | $(textElem).html(text + sections);
|
---|
[25366] | 169 |
|
---|
| 170 | docElem.setAttribute("class", docElem.getAttribute("class").replace(/\bnoText\b/g, ""));
|
---|
| 171 | docElem.style.display = "block";
|
---|
| 172 | docToggleElem.setAttribute("src", gs.imageURLs.collapse);
|
---|
| 173 |
|
---|
| 174 | if(callback)
|
---|
| 175 | {
|
---|
| 176 | callback(true);
|
---|
| 177 | }
|
---|
[25441] | 178 |
|
---|
| 179 | if(document.getElementById("viewSelection"))
|
---|
| 180 | {
|
---|
| 181 | changeView();
|
---|
| 182 | }
|
---|
[25366] | 183 | }
|
---|
| 184 | else
|
---|
| 185 | {
|
---|
| 186 | docToggleElem.setAttribute("src", gs.imageURLs.expand);
|
---|
| 187 | if(callback)
|
---|
| 188 | {
|
---|
| 189 | callback(false);
|
---|
| 190 | }
|
---|
| 191 | }
|
---|
| 192 | });
|
---|
| 193 | }
|
---|
| 194 | else
|
---|
| 195 | {
|
---|
| 196 | docToggleElem.setAttribute("src", gs.imageURLs.expand);
|
---|
| 197 | if(callback)
|
---|
| 198 | {
|
---|
| 199 | callback(false);
|
---|
| 200 | }
|
---|
| 201 | }
|
---|
| 202 | });
|
---|
| 203 |
|
---|
| 204 | docToggleElem.setAttribute("src", gs.imageURLs.loading);
|
---|
| 205 | }
|
---|
| 206 | else
|
---|
| 207 | {
|
---|
| 208 | docToggleElem.setAttribute("src", gs.imageURLs.collapse);
|
---|
| 209 | docElem.style.display = "block";
|
---|
| 210 |
|
---|
| 211 | if(callback)
|
---|
| 212 | {
|
---|
| 213 | callback(true);
|
---|
| 214 | }
|
---|
| 215 | }
|
---|
[24467] | 216 | }
|
---|
| 217 | else
|
---|
| 218 | {
|
---|
| 219 | docElem.style.display = "none";
|
---|
| 220 |
|
---|
| 221 | //Use the page image if this is a leaf node and the chapter image if it not
|
---|
[25009] | 222 | docToggleElem.setAttribute("src", gs.imageURLs.expand);
|
---|
[24467] | 223 |
|
---|
| 224 | if(tocToggleElem)
|
---|
| 225 | {
|
---|
[25009] | 226 | tocToggleElem.setAttribute("src", gs.imageURLs.expand);
|
---|
[24467] | 227 | }
|
---|
| 228 |
|
---|
| 229 | if(tocElem)
|
---|
| 230 | {
|
---|
| 231 | tocElem.style.display = "none";
|
---|
| 232 | }
|
---|
[25366] | 233 |
|
---|
| 234 | if(callback)
|
---|
| 235 | {
|
---|
| 236 | callback(true);
|
---|
| 237 | }
|
---|
[24467] | 238 | }
|
---|
| 239 | }
|
---|
| 240 |
|
---|
[25366] | 241 | function scrollToTop()
|
---|
| 242 | {
|
---|
| 243 | $('html, body').stop().animate({scrollTop: 0}, 1000);
|
---|
| 244 | }
|
---|
| 245 |
|
---|
[25441] | 246 | function focusSection(sectionID, level, tocDisabled)
|
---|
[25366] | 247 | {
|
---|
| 248 | if(!level)
|
---|
| 249 | {
|
---|
| 250 | level = 0;
|
---|
| 251 | }
|
---|
| 252 |
|
---|
| 253 | var parts = sectionID.split(".");
|
---|
| 254 | if(level >= parts.length)
|
---|
| 255 | {
|
---|
| 256 | var topVal = $(document.getElementById("doc" + sectionID)).offset().top - 50;
|
---|
| 257 | $('html, body').stop().animate({scrollTop: topVal}, 1000);
|
---|
| 258 | return;
|
---|
| 259 | }
|
---|
| 260 |
|
---|
| 261 | var idToExpand = "";
|
---|
| 262 | for(var i = 0; i < level + 1; i++)
|
---|
| 263 | {
|
---|
| 264 | if(i > 0)
|
---|
| 265 | {
|
---|
| 266 | idToExpand += ".";
|
---|
| 267 | }
|
---|
| 268 |
|
---|
| 269 | idToExpand += parts[i];
|
---|
| 270 | }
|
---|
| 271 |
|
---|
| 272 | if(!isExpanded(idToExpand))
|
---|
| 273 | {
|
---|
| 274 | toggleSection(idToExpand, function(success)
|
---|
| 275 | {
|
---|
| 276 | if(success)
|
---|
| 277 | {
|
---|
[25441] | 278 | focusSection(sectionID, level + 1, tocDisabled);
|
---|
[25366] | 279 | }
|
---|
[25441] | 280 | }, tocDisabled);
|
---|
[25366] | 281 | }
|
---|
| 282 | else
|
---|
| 283 | {
|
---|
[25441] | 284 | focusSection(sectionID, level + 1, tocDisabled);
|
---|
[25366] | 285 | }
|
---|
| 286 | }
|
---|
| 287 |
|
---|
| 288 | function expandOrCollapseAll(expand)
|
---|
| 289 | {
|
---|
| 290 | var divs = document.getElementsByTagName("DIV");
|
---|
| 291 | var startCounter = 0;
|
---|
| 292 | var endCounter = 0;
|
---|
| 293 |
|
---|
| 294 | for(var i = 0; i < divs.length; i++)
|
---|
| 295 | {
|
---|
| 296 | if(divs[i].getAttribute("id") && divs[i].getAttribute("id").search(/^doc/) != -1)
|
---|
| 297 | {
|
---|
| 298 | var id = divs[i].getAttribute("id").replace(/^doc(.*)/, "$1");
|
---|
| 299 | if(isExpanded(id) != expand)
|
---|
| 300 | {
|
---|
| 301 | //Don't collapse the top level
|
---|
| 302 | if(!expand && id.indexOf(".") == -1)
|
---|
| 303 | {
|
---|
| 304 | continue;
|
---|
| 305 | }
|
---|
| 306 | startCounter++;
|
---|
[25462] | 307 |
|
---|
[25366] | 308 | var toggleFunction = function(tid)
|
---|
| 309 | {
|
---|
| 310 | toggleSection(tid, function(success)
|
---|
| 311 | {
|
---|
| 312 | if(success)
|
---|
| 313 | {
|
---|
| 314 | endCounter++;
|
---|
| 315 | }
|
---|
| 316 | else
|
---|
| 317 | {
|
---|
| 318 | setTimeout(function(){toggleFunction(tid)}, 500);
|
---|
| 319 | }
|
---|
| 320 | });
|
---|
| 321 | }
|
---|
| 322 | toggleFunction(id);
|
---|
| 323 | }
|
---|
| 324 | }
|
---|
| 325 | }
|
---|
| 326 |
|
---|
| 327 | if(startCounter != 0)
|
---|
| 328 | {
|
---|
| 329 | var checkFunction = function()
|
---|
| 330 | {
|
---|
| 331 | if(startCounter == endCounter)
|
---|
| 332 | {
|
---|
| 333 | expandOrCollapseAll(expand);
|
---|
| 334 | }
|
---|
| 335 | else
|
---|
| 336 | {
|
---|
| 337 | setTimeout(checkFunction, 500);
|
---|
| 338 | }
|
---|
| 339 | }
|
---|
[25441] | 340 | checkFunction();
|
---|
[25366] | 341 | }
|
---|
| 342 | }
|
---|
| 343 |
|
---|
[25936] | 344 | function loadTopLevelPage(callbackFunction, customURL)
|
---|
[25366] | 345 | {
|
---|
| 346 | var ajax = gs.functions.ajaxRequest();
|
---|
[26205] | 347 |
|
---|
[25936] | 348 | var url = gs.xsltParams.library_name + "?a=d&c=" + gs.cgiParams.c + "&excerptid=gs-document";
|
---|
[25641] | 349 | if(gs.cgiParams.d && gs.cgiParams.d.length > 0)
|
---|
| 350 | {
|
---|
| 351 | url += "&d=" + gs.cgiParams.d.replace(/([^.]*)\..*/, "$1");
|
---|
| 352 | }
|
---|
| 353 | else if(gs.cgiParams.href && gs.cgiParams.href.length > 0)
|
---|
| 354 | {
|
---|
[25660] | 355 | url += "&d=&alb=1&rl=1&href=" + gs.cgiParams.href;
|
---|
[25641] | 356 | }
|
---|
[25936] | 357 |
|
---|
| 358 | if(customURL != null)
|
---|
| 359 | {
|
---|
| 360 | ajax.open("GET", customURL, true);
|
---|
| 361 | }
|
---|
| 362 | else
|
---|
| 363 | {
|
---|
| 364 | ajax.open("GET", url, true);
|
---|
| 365 | }
|
---|
[26205] | 366 |
|
---|
[25366] | 367 | ajax.onreadystatechange = function()
|
---|
| 368 | {
|
---|
| 369 | if(ajax.readyState == 4 && ajax.status == 200)
|
---|
| 370 | {
|
---|
| 371 | var response = ajax.responseText;
|
---|
| 372 |
|
---|
| 373 | if(response)
|
---|
| 374 | {
|
---|
| 375 | var targetElem = document.getElementById("gs-document");
|
---|
| 376 | var docStart = response.indexOf(">") + 1;
|
---|
| 377 | var docEnd = response.lastIndexOf("<");
|
---|
| 378 | var doc = response.substring(docStart, docEnd);
|
---|
[25936] | 379 |
|
---|
[25366] | 380 | targetElem.innerHTML = doc;
|
---|
| 381 |
|
---|
| 382 | if(callbackFunction)
|
---|
| 383 | {
|
---|
| 384 | callbackFunction();
|
---|
| 385 | }
|
---|
| 386 | }
|
---|
| 387 | }
|
---|
| 388 | else if(ajax.readyState == 4)
|
---|
| 389 | {
|
---|
[26205] | 390 | setTimeout(function(){loadTopLevelPage(callbackFunction, customURL);}, 1000);
|
---|
[25366] | 391 | }
|
---|
| 392 | };
|
---|
| 393 | ajax.send();
|
---|
| 394 | }
|
---|
| 395 |
|
---|
| 396 | function retrieveFullTableOfContents()
|
---|
| 397 | {
|
---|
| 398 | var ajax = gs.functions.ajaxRequest();
|
---|
| 399 |
|
---|
[25641] | 400 | var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "?excerptid=tableOfContents&ed=1";
|
---|
| 401 | if(gs.cgiParams.d && gs.cgiParams.d.length > 0)
|
---|
| 402 | {
|
---|
| 403 | url += "&a=d&d=" + gs.cgiParams.d;
|
---|
| 404 | }
|
---|
| 405 | else if(gs.cgiParams.href && gs.cgiParams.href.length > 0)
|
---|
| 406 | {
|
---|
[25660] | 407 | url += "&a=d&d=&alb=1&rl=1&href=" + gs.cgiParams.href;
|
---|
[25641] | 408 | }
|
---|
| 409 |
|
---|
| 410 | ajax.open("GET", url, true);
|
---|
[25366] | 411 | ajax.onreadystatechange = function()
|
---|
| 412 | {
|
---|
| 413 | if(ajax.readyState == 4 && ajax.status == 200)
|
---|
| 414 | {
|
---|
| 415 | var newTOCElem = ajax.responseText;
|
---|
| 416 | var tocStart = newTOCElem.indexOf(">") + 1;
|
---|
| 417 | var tocEnd = newTOCElem.lastIndexOf("<");
|
---|
| 418 |
|
---|
| 419 | var newTOC = newTOCElem.substring(tocStart, tocEnd);
|
---|
| 420 |
|
---|
[25641] | 421 | //Add the "Expand document"/"Collapse document" links
|
---|
[25366] | 422 | newTOC = "<table style=\"width:100%; text-align:center;\"><tr><td><a href=\"javascript:expandOrCollapseAll(true);\">Expand document</a></td><td><a href=\"javascript:expandOrCollapseAll(false);\">Collapse document</a></td></tr></table>" + newTOC;
|
---|
| 423 |
|
---|
| 424 | //Collapse the TOC
|
---|
| 425 | newTOC = newTOC.replace(/display:block/g, "display:none");
|
---|
| 426 | newTOC = newTOC.replace(/display:none/, "display:block");
|
---|
| 427 | newTOC = newTOC.replace(/images\/collapse/g, "images/expand");
|
---|
| 428 |
|
---|
| 429 | var tocElem = document.getElementById("tableOfContents");
|
---|
| 430 | tocElem.innerHTML = newTOC;
|
---|
[25441] | 431 |
|
---|
| 432 | gs.variables.tocLoaded = true;
|
---|
[25366] | 433 | }
|
---|
| 434 | else if(ajax.readyState == 4)
|
---|
| 435 | {
|
---|
[26205] | 436 | setTimeout(retrieveFullTableOfContents, 1000);
|
---|
[25366] | 437 | }
|
---|
| 438 | }
|
---|
| 439 | ajax.send();
|
---|
| 440 | }
|
---|
| 441 |
|
---|
[24467] | 442 | function isExpanded(sectionID)
|
---|
| 443 | {
|
---|
| 444 | var docElem = document.getElementById("doc" + sectionID);
|
---|
| 445 | if(docElem.style.display == "block")
|
---|
| 446 | {
|
---|
| 447 | return true;
|
---|
| 448 | }
|
---|
| 449 | return false;
|
---|
| 450 | }
|
---|
| 451 |
|
---|
| 452 | function isParentOf(parent, child)
|
---|
| 453 | {
|
---|
| 454 | if(child.indexOf(parent) != -1 && child.length > parent.length && child[parent.length] == '.')
|
---|
| 455 | {
|
---|
| 456 | return true;
|
---|
| 457 | }
|
---|
| 458 | return false;
|
---|
| 459 | }
|
---|
| 460 |
|
---|
[24655] | 461 | function minimizeSidebar()
|
---|
| 462 | {
|
---|
[25009] | 463 | var toc = document.getElementById("contentsArea");
|
---|
[24655] | 464 | var maxLink = document.getElementById("sidebarMaximizeButton");
|
---|
| 465 | var minLink = document.getElementById("sidebarMinimizeButton");
|
---|
| 466 |
|
---|
| 467 | if(toc)
|
---|
| 468 | {
|
---|
| 469 | toc.style.display = "none";
|
---|
| 470 | }
|
---|
| 471 |
|
---|
| 472 | maxLink.style.display = "block";
|
---|
| 473 | minLink.style.display = "none";
|
---|
| 474 | }
|
---|
| 475 |
|
---|
| 476 | function maximizeSidebar()
|
---|
| 477 | {
|
---|
| 478 | var coverImage = document.getElementById("coverImage");
|
---|
[25009] | 479 | var toc = document.getElementById("contentsArea");
|
---|
[24655] | 480 | var maxLink = document.getElementById("sidebarMaximizeButton");
|
---|
| 481 | var minLink = document.getElementById("sidebarMinimizeButton");
|
---|
| 482 |
|
---|
| 483 | if(coverImage)
|
---|
| 484 | {
|
---|
| 485 | coverImage.style.display = "block";
|
---|
| 486 | }
|
---|
| 487 |
|
---|
| 488 | if(toc)
|
---|
| 489 | {
|
---|
| 490 | toc.style.display = "block";
|
---|
| 491 | }
|
---|
| 492 |
|
---|
| 493 | maxLink.style.display = "none";
|
---|
| 494 | minLink.style.display = "block";
|
---|
| 495 | }
|
---|
| 496 |
|
---|
[25009] | 497 | /**********************
|
---|
| 498 | * PAGED-IMAGE SCRIPTS *
|
---|
| 499 | **********************/
|
---|
| 500 |
|
---|
| 501 | function changeView()
|
---|
| 502 | {
|
---|
| 503 | var viewList = document.getElementById("viewSelection");
|
---|
| 504 | var currentVal = viewList.value;
|
---|
| 505 |
|
---|
| 506 | var view;
|
---|
| 507 | if(currentVal == "Image view")
|
---|
| 508 | {
|
---|
| 509 | setImageVisible(true);
|
---|
| 510 | setTextVisible(false);
|
---|
| 511 | view = "image";
|
---|
| 512 | }
|
---|
| 513 | else if(currentVal == "Text view")
|
---|
| 514 | {
|
---|
| 515 | setImageVisible(false);
|
---|
| 516 | setTextVisible(true);
|
---|
| 517 | view = "text";
|
---|
| 518 | }
|
---|
| 519 | else
|
---|
| 520 | {
|
---|
| 521 | setImageVisible(true);
|
---|
| 522 | setTextVisible(true);
|
---|
| 523 | view = "";
|
---|
| 524 | }
|
---|
| 525 |
|
---|
| 526 | var ajax = gs.functions.ajaxRequest();
|
---|
| 527 | ajax.open("GET", gs.xsltParams.library_name + "?a=d&view=" + view + "&c=" + gs.cgiParams.c);
|
---|
| 528 | ajax.send();
|
---|
| 529 | }
|
---|
| 530 |
|
---|
| 531 | function setImageVisible(visible)
|
---|
| 532 | {
|
---|
[25177] | 533 | var divs = document.getElementsByTagName("DIV");
|
---|
| 534 | var images = new Array();
|
---|
| 535 | for (var i = 0; i < divs.length; i++)
|
---|
[25009] | 536 | {
|
---|
[25177] | 537 | if(divs[i].id && divs[i].id.search(/^image/) != -1)
|
---|
| 538 | {
|
---|
| 539 | images.push(divs[i]);
|
---|
| 540 | }
|
---|
[25009] | 541 | }
|
---|
[25177] | 542 |
|
---|
| 543 | for(var i = 0; i < images.length; i++)
|
---|
[25009] | 544 | {
|
---|
[25177] | 545 | var image = images[i];
|
---|
| 546 | if(visible)
|
---|
[25009] | 547 | {
|
---|
[25177] | 548 | image.style.display = "block";
|
---|
[25009] | 549 | }
|
---|
[25177] | 550 | else
|
---|
| 551 | {
|
---|
| 552 | image.style.display = "none";
|
---|
| 553 | }
|
---|
[25009] | 554 | }
|
---|
| 555 | }
|
---|
| 556 |
|
---|
| 557 | function setTextVisible(visible)
|
---|
| 558 | {
|
---|
[25177] | 559 | var divs = document.getElementsByTagName("DIV");
|
---|
| 560 | var textDivs = new Array();
|
---|
| 561 | for (var i = 0; i < divs.length; i++)
|
---|
[25009] | 562 | {
|
---|
[25177] | 563 | if(divs[i].id && divs[i].id.search(/^text/) != -1)
|
---|
| 564 | {
|
---|
| 565 | textDivs.push(divs[i]);
|
---|
| 566 | }
|
---|
[25009] | 567 | }
|
---|
[25177] | 568 |
|
---|
| 569 | for(var i = 0; i < textDivs.length; i++)
|
---|
[25009] | 570 | {
|
---|
[25177] | 571 | var text = textDivs[i];
|
---|
| 572 | if(visible)
|
---|
[25009] | 573 | {
|
---|
[25177] | 574 | text.style.display = "block";
|
---|
[25009] | 575 | }
|
---|
[25177] | 576 | else
|
---|
| 577 | {
|
---|
| 578 | text.style.display = "none";
|
---|
| 579 | }
|
---|
[25009] | 580 | }
|
---|
| 581 | }
|
---|
| 582 |
|
---|
[25283] | 583 | function retrieveTableOfContentsAndTitles()
|
---|
[25009] | 584 | {
|
---|
[25441] | 585 | var ilt = "";
|
---|
| 586 | ilt += '<xsl:template match="/">';
|
---|
[25660] | 587 | ilt += '<xsl:for-each select="/page/pageResponse/document/documentNode">';
|
---|
| 588 | ilt += '<xsl:call-template name="documentNodeTOC"/>';
|
---|
| 589 | ilt += '</xsl:for-each>';
|
---|
[25441] | 590 | ilt += '</xsl:template>';
|
---|
| 591 |
|
---|
[25009] | 592 | var ajax = gs.functions.ajaxRequest();
|
---|
[25441] | 593 | ajax.open("GET", gs.xsltParams.library_name + "?a=d&ed=1&c=" + gs.cgiParams.c + "&d=" + gs.cgiParams.d + "&ilt=" + ilt.replace(/ /g, "%20"), true);
|
---|
[25009] | 594 | ajax.onreadystatechange = function()
|
---|
| 595 | {
|
---|
| 596 | if(ajax.readyState == 4 && ajax.status == 200)
|
---|
| 597 | {
|
---|
[25441] | 598 | document.getElementById("tableOfContents").innerHTML = ajax.responseText;
|
---|
[25009] | 599 | replaceLinksWithSlider();
|
---|
[25177] | 600 | var loading = document.getElementById("tocLoadingImage");
|
---|
| 601 | loading.parentNode.removeChild(loading);
|
---|
[25009] | 602 | }
|
---|
[25177] | 603 | else if(ajax.readyState == 4)
|
---|
| 604 | {
|
---|
[26205] | 605 | setTimeout(function(){retrieveTableOfContentsAndTitles();}, 1000);
|
---|
[25177] | 606 | }
|
---|
[25009] | 607 | }
|
---|
| 608 | ajax.send();
|
---|
| 609 | }
|
---|
| 610 |
|
---|
| 611 | function replaceLinksWithSlider()
|
---|
| 612 | {
|
---|
| 613 | var tableOfContents = document.getElementById("tableOfContents");
|
---|
| 614 | var liElems = tableOfContents.getElementsByTagName("LI");
|
---|
| 615 |
|
---|
| 616 | var leafSections = new Array();
|
---|
| 617 | for (var i = 0; i < liElems.length; i++)
|
---|
| 618 | {
|
---|
| 619 | var section = liElems[i];
|
---|
| 620 | var add = true;
|
---|
| 621 | for(var j = 0; j < leafSections.length; j++)
|
---|
| 622 | {
|
---|
| 623 | if(leafSections[j] == undefined){continue;}
|
---|
| 624 |
|
---|
| 625 | var leaf = leafSections[j];
|
---|
| 626 | if(leaf.getAttribute("id").search(section.getAttribute("id")) != -1)
|
---|
| 627 | {
|
---|
| 628 | add = false;
|
---|
| 629 | }
|
---|
| 630 |
|
---|
| 631 | if(section.getAttribute("id").search(leaf.getAttribute("id")) != -1)
|
---|
| 632 | {
|
---|
| 633 | delete leafSections[j];
|
---|
| 634 | }
|
---|
| 635 | }
|
---|
| 636 |
|
---|
| 637 | if(add)
|
---|
| 638 | {
|
---|
| 639 | leafSections.push(section);
|
---|
| 640 | }
|
---|
| 641 | }
|
---|
| 642 |
|
---|
| 643 | for(var i = 0 ; i < leafSections.length; i++)
|
---|
| 644 | {
|
---|
| 645 | if(leafSections[i] == undefined){continue;}
|
---|
| 646 | leafSections[i].style.display = "none";
|
---|
| 647 | var links = leafSections[i].getElementsByTagName("A");
|
---|
| 648 | var widget = new SliderWidget(links);
|
---|
| 649 | leafSections[i].parentNode.insertBefore(widget.getElem(), leafSections[i]);
|
---|
| 650 | }
|
---|
[25441] | 651 |
|
---|
| 652 | //Disable all TOC toggles
|
---|
| 653 | var imgs = document.getElementsByTagName("IMG");
|
---|
| 654 | for(var j = 0; j < imgs.length; j++)
|
---|
[25283] | 655 | {
|
---|
[25441] | 656 | var currentImage = imgs[j];
|
---|
| 657 | if(currentImage.getAttribute("id") && currentImage.getAttribute("id").search(/^ttoggle/) != -1)
|
---|
[25283] | 658 | {
|
---|
[25441] | 659 | currentImage.setAttribute("onclick", "");
|
---|
[25283] | 660 | }
|
---|
[25441] | 661 | else if(currentImage.getAttribute("id") && currentImage.getAttribute("id").search(/^dtoggle/) != -1)
|
---|
| 662 | {
|
---|
| 663 | currentImage.setAttribute("onclick", currentImage.getAttribute("onclick").replace(/\)/, ", null, true)"));
|
---|
| 664 | }
|
---|
[25283] | 665 | }
|
---|
| 666 | }
|
---|
| 667 |
|
---|
[25009] | 668 | function SliderWidget(_links)
|
---|
| 669 | {
|
---|
| 670 | //****************
|
---|
| 671 | //MEMBER VARIABLES
|
---|
| 672 | //****************
|
---|
| 673 |
|
---|
| 674 | //The container for the widget
|
---|
| 675 | var _mainDiv = document.createElement("DIV");
|
---|
[25177] | 676 | _mainDiv.setAttribute("class", "ui-widget-content pageSlider");
|
---|
[25009] | 677 |
|
---|
| 678 | //The table of images
|
---|
| 679 | var _linkTable = document.createElement("TABLE");
|
---|
| 680 | _mainDiv.appendChild(_linkTable);
|
---|
| 681 |
|
---|
| 682 | //The image row of the table
|
---|
| 683 | var _linkRow = document.createElement("TR");
|
---|
| 684 | _linkTable.appendChild(_linkRow);
|
---|
| 685 |
|
---|
[25283] | 686 | //The list of titles we can search through
|
---|
| 687 | var _titles = new Array();
|
---|
[25009] | 688 |
|
---|
| 689 | //****************
|
---|
| 690 | //PUBLIC FUNCTIONS
|
---|
| 691 | //****************
|
---|
| 692 |
|
---|
| 693 | //Function that returns the widget element
|
---|
| 694 | this.getElem = function()
|
---|
| 695 | {
|
---|
| 696 | return _mainDiv;
|
---|
| 697 | }
|
---|
| 698 |
|
---|
| 699 | //*****************
|
---|
| 700 | //PRIVATE FUNCTIONS
|
---|
| 701 | //*****************
|
---|
| 702 |
|
---|
[25283] | 703 | var setUpFilterBox = function()
|
---|
| 704 | {
|
---|
| 705 | var filter = $("#filterText");
|
---|
| 706 | filter.keyup(function()
|
---|
| 707 | {
|
---|
| 708 | var currentValue = filter.val();
|
---|
[25295] | 709 | var isRange = (currentValue.search(/\d+-\d+/) != -1)
|
---|
| 710 |
|
---|
| 711 | var found = false;
|
---|
[25283] | 712 | for(var i = 0; i < _titles.length; i++)
|
---|
| 713 | {
|
---|
[25295] | 714 | if(_titles[i][0] == currentValue)
|
---|
[25283] | 715 | {
|
---|
[25295] | 716 | found = true;
|
---|
[25283] | 717 | }
|
---|
[25295] | 718 | }
|
---|
| 719 |
|
---|
| 720 | if(!found && isRange)
|
---|
| 721 | {
|
---|
| 722 | var firstNumber = currentValue.replace(/^(\d+)-\d+$/, "$1");
|
---|
| 723 | var secondNumber = currentValue.replace(/^\d+-(\d+)$/, "$1");
|
---|
| 724 |
|
---|
| 725 | if(firstNumber <= secondNumber)
|
---|
[25283] | 726 | {
|
---|
[25295] | 727 | var matchingTitles = new Array();
|
---|
| 728 | for(var i = firstNumber; i <= secondNumber; i++)
|
---|
| 729 | {
|
---|
| 730 | var numString = i + "";
|
---|
| 731 | for(var j = 0; j < _titles.length; j++)
|
---|
| 732 | {
|
---|
| 733 | var currentTitle = _titles[j];
|
---|
| 734 | if(currentTitle[0].search(numString) != -1)
|
---|
| 735 | {
|
---|
| 736 | matchingTitles.push(currentTitle);
|
---|
| 737 | }
|
---|
| 738 | }
|
---|
| 739 | }
|
---|
| 740 |
|
---|
| 741 | for(var i = 0; i < _titles.length; i++)
|
---|
| 742 | {
|
---|
| 743 | _titles[i][1].cell.style.display = "none";
|
---|
| 744 | }
|
---|
| 745 |
|
---|
| 746 | for(var i = 0; i < matchingTitles.length; i++)
|
---|
| 747 | {
|
---|
| 748 | matchingTitles[i][1].cell.style.display = "table-cell";
|
---|
| 749 | }
|
---|
[25283] | 750 | }
|
---|
| 751 | }
|
---|
[25295] | 752 | else
|
---|
| 753 | {
|
---|
| 754 | for(var i = 0; i < _titles.length; i++)
|
---|
| 755 | {
|
---|
| 756 | var currentTitle = _titles[i];
|
---|
| 757 | if(currentTitle[0].search(currentValue.replace(/\./g, "\\.")) != -1)
|
---|
| 758 | {
|
---|
| 759 | currentTitle[1].cell.style.display = "table-cell";
|
---|
| 760 | }
|
---|
| 761 | else
|
---|
| 762 | {
|
---|
| 763 | currentTitle[1].cell.style.display = "none";
|
---|
| 764 | }
|
---|
| 765 | }
|
---|
| 766 | }
|
---|
[25283] | 767 | });
|
---|
| 768 | }
|
---|
| 769 |
|
---|
[26212] | 770 | var getImage = function(page, attemptNumber)
|
---|
[25009] | 771 | {
|
---|
| 772 | var ajax = gs.functions.ajaxRequest();
|
---|
| 773 |
|
---|
| 774 | var href = page.getAttribute("href");
|
---|
[25441] | 775 | var startHREF = href.indexOf("'") + 1;
|
---|
| 776 | var endHREF = href.indexOf("'", startHREF);
|
---|
| 777 | var nodeID = href.substring(startHREF, endHREF);
|
---|
| 778 | href = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + nodeID;
|
---|
| 779 |
|
---|
[25177] | 780 | var template = '';
|
---|
| 781 | template += '<xsl:template match="/">';
|
---|
[25441] | 782 | template += '<gsf:metadata name=\"Thumb\"/>';
|
---|
[25177] | 783 | template += '<html>';
|
---|
| 784 | template += '<img>';
|
---|
| 785 | template += '<xsl:attribute name="src">';
|
---|
| 786 | template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/collection/metadataList/metadata[@name = 'httpPath']\"/>";
|
---|
| 787 | template += '<xsl:text>/index/assoc/</xsl:text>';
|
---|
| 788 | template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/metadataList/metadata[@name = 'assocfilepath']\"/>";
|
---|
| 789 | template += '<xsl:text>/</xsl:text>';
|
---|
[25441] | 790 | template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document//documentNode[@nodeID = '" + nodeID + "']/metadataList/metadata[@name = 'Thumb']\"/>";
|
---|
[25177] | 791 | template += '</xsl:attribute>';
|
---|
| 792 | template += '</img>';
|
---|
[25283] | 793 | template += '<p>';
|
---|
| 794 | template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/documentNode/metadataList/metadata[@name = 'Title']\"/>";
|
---|
| 795 | template += '</p>';
|
---|
[25177] | 796 | template += '</html>';
|
---|
| 797 | template += '</xsl:template>';
|
---|
[25441] | 798 |
|
---|
| 799 | ajax.open("GET", href + "?ilt=" + template.replace(" ", "%20"));
|
---|
[25009] | 800 | ajax.onreadystatechange = function()
|
---|
| 801 | {
|
---|
| 802 | if(ajax.readyState == 4 && ajax.status == 200)
|
---|
| 803 | {
|
---|
| 804 | var text = ajax.responseText;
|
---|
[25177] | 805 | var hrefStart = text.indexOf("src=\"") + 5;
|
---|
| 806 | if(hrefStart == -1)
|
---|
[25009] | 807 | {
|
---|
| 808 | page.isLoading = false;
|
---|
| 809 | page.noImage = true;
|
---|
| 810 | page.image.setAttribute("src", gs.imageURLs.blank);
|
---|
| 811 | return;
|
---|
| 812 | }
|
---|
[25177] | 813 | var hrefEnd = text.indexOf("\"", hrefStart);
|
---|
| 814 | var href = text.substring(hrefStart, hrefEnd);
|
---|
[25283] | 815 |
|
---|
[25177] | 816 | var image = document.createElement("IMG");
|
---|
| 817 | $(image).load(function()
|
---|
| 818 | {
|
---|
| 819 | page.link.innerHTML = "";
|
---|
| 820 | page.link.appendChild(image);
|
---|
| 821 | page.isLoading = false;
|
---|
| 822 | page.imageLoaded = true;
|
---|
| 823 | });
|
---|
| 824 | $(image).error(function()
|
---|
| 825 | {
|
---|
[26212] | 826 | if(!attemptNumber || attemptNumber < 3)
|
---|
| 827 | {
|
---|
| 828 | setTimeout(function(){getImage(page, ((!attemptNumber) ? 1 : attemptNumber + 1));}, 500);
|
---|
| 829 | }
|
---|
| 830 | else
|
---|
| 831 | {
|
---|
| 832 | page.isLoading = false;
|
---|
| 833 | page.noImage = true;
|
---|
| 834 | image.setAttribute("src", gs.imageURLs.blank);
|
---|
| 835 | }
|
---|
[25177] | 836 | });
|
---|
| 837 | image.setAttribute("src", href);
|
---|
[25283] | 838 |
|
---|
| 839 | var titleStart = text.indexOf("<p>") + 3;
|
---|
| 840 | var titleEnd = text.indexOf("</p>");
|
---|
| 841 | var title = text.substring(titleStart, titleEnd);
|
---|
[25009] | 842 | }
|
---|
[26212] | 843 | else if (ajax.readyState == 4)
|
---|
[25009] | 844 | {
|
---|
| 845 | page.failed = true;
|
---|
[26212] | 846 | if(!attemptNumber || attemptNumber < 3)
|
---|
| 847 | {
|
---|
| 848 | setTimeout(function(){getImage(page, ((!attemptNumber) ? 1 : attemptNumber + 1));}, 500);
|
---|
| 849 | }
|
---|
| 850 | else
|
---|
| 851 | {
|
---|
| 852 | var image = document.createElement("IMG");
|
---|
| 853 | image.setAttribute("src", gs.imageURLs.blank);
|
---|
| 854 | page.link.innerHTML = "";
|
---|
| 855 | page.link.appendChild(image);
|
---|
| 856 | page.isLoading = false;
|
---|
| 857 | page.noImage = true;
|
---|
| 858 | }
|
---|
[25009] | 859 | }
|
---|
| 860 | }
|
---|
| 861 | ajax.send();
|
---|
| 862 | }
|
---|
| 863 |
|
---|
| 864 | var startCheckFunction = function()
|
---|
| 865 | {
|
---|
| 866 | var checkFunction = function()
|
---|
| 867 | {
|
---|
| 868 | var widgetLeft = _mainDiv.scrollLeft;
|
---|
| 869 | var widgetRight = _mainDiv.clientWidth + _mainDiv.scrollLeft;
|
---|
| 870 |
|
---|
| 871 | var visiblePages = new Array();
|
---|
| 872 | for(var i = 0; i < _links.length; i++)
|
---|
| 873 | {
|
---|
| 874 | var current = _links[i].cell;
|
---|
| 875 | var currentLeft = current.offsetLeft;
|
---|
| 876 | var currentRight = currentLeft + current.clientWidth;
|
---|
| 877 | if(currentRight > widgetLeft && currentLeft < widgetRight)
|
---|
| 878 | {
|
---|
| 879 | visiblePages.push(_links[i]);
|
---|
| 880 | }
|
---|
| 881 | }
|
---|
| 882 |
|
---|
| 883 | for(var i = 0; i < visiblePages.length; i++)
|
---|
| 884 | {
|
---|
| 885 | var page = visiblePages[i];
|
---|
| 886 | if(!page || page.imageLoaded || page.noImage || page.isLoading)
|
---|
| 887 | {
|
---|
| 888 | continue;
|
---|
| 889 | }
|
---|
| 890 |
|
---|
| 891 | page.isLoading = true;
|
---|
| 892 | getImage(page);
|
---|
| 893 | }
|
---|
| 894 | }
|
---|
[26297] | 895 |
|
---|
| 896 | checkFunction();
|
---|
[25009] | 897 | setInterval(checkFunction, 1000);
|
---|
| 898 | }
|
---|
| 899 |
|
---|
| 900 | //***********
|
---|
| 901 | //CONSTRUCTOR
|
---|
| 902 | //***********
|
---|
| 903 |
|
---|
| 904 | for(var i = 0; i < _links.length; i++)
|
---|
| 905 | {
|
---|
| 906 | var col = document.createElement("TD");
|
---|
| 907 | _linkRow.appendChild(col);
|
---|
| 908 | col.setAttribute("class", "pageSliderCol");
|
---|
| 909 | _links[i].cell = col;
|
---|
| 910 |
|
---|
| 911 | var link = document.createElement("A");
|
---|
| 912 | col.appendChild(link);
|
---|
| 913 | _links[i].link = link;
|
---|
| 914 | var href = _links[i].getAttribute("href");
|
---|
[25441] | 915 | link.setAttribute("href", href.replace(/\)/, ", 0, true)"));
|
---|
[25009] | 916 |
|
---|
[25283] | 917 | if(!_linkCellMap[href])
|
---|
| 918 | {
|
---|
| 919 | _linkCellMap[href] = new Array();
|
---|
| 920 | }
|
---|
| 921 | _linkCellMap[href].push(_links[i]);
|
---|
| 922 |
|
---|
[25009] | 923 | var image = document.createElement("IMG");
|
---|
| 924 | link.appendChild(image);
|
---|
| 925 | image.setAttribute("src", gs.imageURLs.loading);
|
---|
| 926 | _links[i].image = image;
|
---|
| 927 |
|
---|
[25283] | 928 | var title = _links[i].innerHTML;
|
---|
| 929 | if(title.search(/^[^ ]+ [^ ]+$/) != -1)
|
---|
| 930 | {
|
---|
| 931 | var section = title.replace(/^([^ ]+) [^ ]+$/, "$1");
|
---|
| 932 | var page = title.replace(/^[^ ]+ ([^ ]+)$/, "$1");
|
---|
| 933 | if(page.search(/^[0-9]+$/) != -1)
|
---|
| 934 | {
|
---|
| 935 | title = page;
|
---|
| 936 | }
|
---|
| 937 | }
|
---|
| 938 | _titles.push([title, _links[i]]);
|
---|
[25009] | 939 |
|
---|
[25283] | 940 | var text = document.createTextNode(title);
|
---|
| 941 | col.appendChild(text);
|
---|
[25009] | 942 | }
|
---|
| 943 |
|
---|
[25283] | 944 | setUpFilterBox();
|
---|
[25009] | 945 | startCheckFunction();
|
---|
| 946 | }
|
---|
| 947 |
|
---|
[24467] | 948 | /***********************
|
---|
| 949 | * HIGHLIGHTING SCRIPTS *
|
---|
| 950 | ***********************/
|
---|
[25720] | 951 | function swapHighlight()
|
---|
[24467] | 952 | {
|
---|
[25720] | 953 | var hlCheckbox = document.getElementById("highlightOption");
|
---|
| 954 |
|
---|
| 955 | var from;
|
---|
| 956 | var to;
|
---|
| 957 | if(hlCheckbox.checked)
|
---|
[24467] | 958 | {
|
---|
[25720] | 959 | from = "noTermHighlight";
|
---|
| 960 | to = "termHighlight";
|
---|
[24467] | 961 | }
|
---|
[25720] | 962 | else
|
---|
| 963 | {
|
---|
| 964 | from = "termHighlight";
|
---|
| 965 | to = "noTermHighlight";
|
---|
| 966 | }
|
---|
[24467] | 967 |
|
---|
| 968 | var spans = document.getElementsByTagName("span");
|
---|
| 969 | for(var i = 0; i < spans.length; i++)
|
---|
| 970 | {
|
---|
| 971 | var currentSpan = spans[i];
|
---|
[25720] | 972 | if(currentSpan.getAttribute("class") == from)
|
---|
[24467] | 973 | {
|
---|
[25720] | 974 | currentSpan.setAttribute("class", to);
|
---|
[24467] | 975 | }
|
---|
| 976 | }
|
---|
| 977 | }
|
---|
| 978 |
|
---|
| 979 | /**************************
|
---|
| 980 | * REALISTIC BOOKS SCRIPTS *
|
---|
| 981 | **************************/
|
---|
| 982 |
|
---|
| 983 | function bookInit()
|
---|
| 984 | {
|
---|
| 985 | loadBook();
|
---|
| 986 | hideText();
|
---|
| 987 | showBook();
|
---|
| 988 | swapLinkJavascript(false);
|
---|
| 989 | }
|
---|
| 990 |
|
---|
| 991 | function hideText()
|
---|
| 992 | {
|
---|
| 993 | var textDiv = document.getElementById("gs-document-text");
|
---|
| 994 | textDiv.style.visibility = "hidden";
|
---|
| 995 | }
|
---|
| 996 |
|
---|
| 997 | function showText()
|
---|
| 998 | {
|
---|
| 999 | var textDiv = document.getElementById("gs-document-text");
|
---|
| 1000 | textDiv.style.visibility = "visible";
|
---|
| 1001 | }
|
---|
| 1002 |
|
---|
| 1003 | function hideBook()
|
---|
| 1004 | {
|
---|
| 1005 | var bookDiv = document.getElementById("bookdiv");
|
---|
| 1006 | bookDiv.style.visibility = "hidden";
|
---|
| 1007 | bookDiv.style.height = "0px";
|
---|
| 1008 |
|
---|
| 1009 | var bookObject = document.getElementById("bookObject");
|
---|
| 1010 | bookObject.style.visibility = "hidden";
|
---|
| 1011 | bookObject.style.height = "0px";
|
---|
| 1012 |
|
---|
| 1013 | var bookEmbed = document.getElementById("bookEmbed");
|
---|
| 1014 | bookEmbed.style.visibility = "hidden";
|
---|
| 1015 | bookEmbed.style.height = "0px";
|
---|
| 1016 | }
|
---|
| 1017 |
|
---|
| 1018 | function showBook()
|
---|
| 1019 | {
|
---|
| 1020 | var bookDiv = document.getElementById("bookdiv");
|
---|
| 1021 | bookDiv.style.visibility = "visible";
|
---|
| 1022 | bookDiv.style.height = "600px";
|
---|
| 1023 |
|
---|
| 1024 | var bookObject = document.getElementById("bookObject");
|
---|
| 1025 | bookObject.style.visibility = "visible";
|
---|
| 1026 | bookObject.style.height = "600px";
|
---|
| 1027 |
|
---|
| 1028 | var bookEmbed = document.getElementById("bookEmbed");
|
---|
| 1029 | bookEmbed.style.visibility = "visible";
|
---|
| 1030 | bookEmbed.style.height = "600px";
|
---|
| 1031 | }
|
---|
| 1032 |
|
---|
| 1033 | function swapLinkJavascript(rbOn)
|
---|
| 1034 | {
|
---|
| 1035 | var option = document.getElementById("rbOption");
|
---|
| 1036 | if(rbOn)
|
---|
| 1037 | {
|
---|
| 1038 | option.setAttribute("onclick", "hideText(); showBook(); swapLinkJavascript(false);");
|
---|
| 1039 | }
|
---|
| 1040 | else
|
---|
| 1041 | {
|
---|
| 1042 | option.setAttribute("onclick", "hideBook(); showText(); swapLinkJavascript(true);");
|
---|
| 1043 | }
|
---|
| 1044 | }
|
---|
| 1045 |
|
---|
| 1046 | //Helper function to create param elements
|
---|
| 1047 | function createParam(name, value)
|
---|
| 1048 | {
|
---|
| 1049 | var param = document.createElement("PARAM");
|
---|
| 1050 | param.setAttribute("name", name);
|
---|
| 1051 | param.setAttribute("value", value);
|
---|
| 1052 | return param;
|
---|
| 1053 | }
|
---|
| 1054 |
|
---|
| 1055 | function loadBook()
|
---|
| 1056 | {
|
---|
| 1057 | var doc_url = document.URL;
|
---|
| 1058 | doc_url = doc_url.replace(/(&|\?)book=[a-z]+/gi,'');
|
---|
| 1059 | doc_url += '&book=flashxml';
|
---|
| 1060 |
|
---|
| 1061 | var img_cover = gs.collectionMetadata.httpPath + '/index/assoc/' + gs.documentMetadata.assocfilepath + '/cover.jpg';
|
---|
| 1062 |
|
---|
| 1063 | var flash_plug_html = ""
|
---|
| 1064 | flash_plug_html += '<OBJECT align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" \n';
|
---|
| 1065 | flash_plug_html += ' height="600px" id="bookObject" swLiveConnect="true" \n';
|
---|
| 1066 | flash_plug_html += ' codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" \n';
|
---|
| 1067 | flash_plug_html += ' width="70%">\n';
|
---|
| 1068 | flash_plug_html += ' <PARAM name="allowScriptAccess" value="always" />\n';
|
---|
| 1069 | flash_plug_html += ' <PARAM name="movie" value="Book.swf';
|
---|
| 1070 | flash_plug_html += '?src_image=' + escape(img_cover);
|
---|
[25142] | 1071 | flash_plug_html += '&doc_url=' + escape(doc_url);
|
---|
[24467] | 1072 | flash_plug_html += '" />\n';
|
---|
| 1073 | flash_plug_html += ' <PARAM name="quality" value="high" />\n';
|
---|
| 1074 | flash_plug_html += ' <PARAM name="bgcolor" value="#FFFFFF" />\n';
|
---|
| 1075 | flash_plug_html += ' <EMBED align="middle" \n';
|
---|
| 1076 | flash_plug_html += ' allowScriptAccess="always" swLiveConnect="true" \n';
|
---|
| 1077 | flash_plug_html += ' bgcolor="#FFFFFF" height="600px" name="Book" \n';
|
---|
| 1078 | flash_plug_html += ' pluginspage="http://www.macromedia.com/go/getflashplayer" \n';
|
---|
| 1079 | flash_plug_html += ' quality="high" id="bookEmbed"\n';
|
---|
| 1080 | flash_plug_html += ' src="Book.swf';
|
---|
| 1081 | flash_plug_html += '?src_image=' + escape(img_cover);
|
---|
| 1082 | flash_plug_html += '&doc_url=' + escape(doc_url);
|
---|
| 1083 | flash_plug_html += '"\n';
|
---|
| 1084 | flash_plug_html += ' type="application/x-shockwave-flash" width="70%" />\n';
|
---|
| 1085 | flash_plug_html += '</OBJECT>\n';
|
---|
| 1086 | var flash_div = document.getElementById("bookdiv");
|
---|
| 1087 | flash_div.innerHTML = flash_plug_html;
|
---|
[25142] | 1088 | }
|
---|
| 1089 |
|
---|
[25143] | 1090 | function addEditMetadataLink(cell)
|
---|
| 1091 | {
|
---|
| 1092 | var id = cell.getAttribute("id").substring(6);
|
---|
| 1093 | var metaTable = document.getElementById("meta" + id);
|
---|
| 1094 |
|
---|
| 1095 | var row = cell.parentNode;
|
---|
| 1096 | var newCell = document.createElement("TD");
|
---|
| 1097 | newCell.setAttribute("style", "font-size:0.7em; padding:0px 10px");
|
---|
[25283] | 1098 | newCell.setAttribute("class", "editMetadataButton");
|
---|
[25177] | 1099 |
|
---|
| 1100 | var linkSpan = document.createElement("SPAN");
|
---|
| 1101 | linkSpan.setAttribute("class", "ui-state-default ui-corner-all");
|
---|
| 1102 | linkSpan.setAttribute("style", "padding: 2px; float:left;");
|
---|
| 1103 |
|
---|
| 1104 | var linkLabel = document.createElement("SPAN");
|
---|
| 1105 | linkLabel.innerHTML = "edit metadata";
|
---|
[25283] | 1106 | newCell.linkLabel = linkLabel;
|
---|
[25177] | 1107 | var linkIcon = document.createElement("SPAN");
|
---|
| 1108 | linkIcon.setAttribute("class", "ui-icon ui-icon-folder-collapsed");
|
---|
[25283] | 1109 | newCell.linkIcon = linkIcon;
|
---|
[25177] | 1110 |
|
---|
| 1111 | var uList = document.createElement("UL");
|
---|
| 1112 | var labelItem = document.createElement("LI");
|
---|
| 1113 | var iconItem = document.createElement("LI");
|
---|
| 1114 | uList.appendChild(iconItem);
|
---|
| 1115 | uList.appendChild(labelItem);
|
---|
| 1116 | labelItem.appendChild(linkLabel);
|
---|
| 1117 | iconItem.appendChild(linkIcon);
|
---|
| 1118 |
|
---|
| 1119 | uList.setAttribute("style", "outline: 0 none; margin:0px; padding:0px;");
|
---|
| 1120 | labelItem.setAttribute("style", "float:left; list-style:none outside none;");
|
---|
| 1121 | iconItem.setAttribute("style", "float:left; list-style:none outside none;");
|
---|
| 1122 |
|
---|
[25143] | 1123 | var newLink = document.createElement("A");
|
---|
| 1124 | newLink.setAttribute("href", "javascript:;");
|
---|
| 1125 | newLink.onclick = function()
|
---|
| 1126 | {
|
---|
| 1127 | if(metaTable.style.display == "none")
|
---|
| 1128 | {
|
---|
[25177] | 1129 | linkLabel.innerHTML = "hide metadata";
|
---|
| 1130 | linkIcon.setAttribute("class", "ui-icon ui-icon-folder-open");
|
---|
[25143] | 1131 | metaTable.style.display = "block";
|
---|
| 1132 | metaTable.metaNameField.style.display = "inline";
|
---|
| 1133 | metaTable.addRowButton.style.display = "inline";
|
---|
| 1134 | }
|
---|
| 1135 | else
|
---|
| 1136 | {
|
---|
[25177] | 1137 | linkLabel.innerHTML = "edit metadata";
|
---|
| 1138 | linkIcon.setAttribute("class", "ui-icon ui-icon-folder-collapsed");
|
---|
[25143] | 1139 | metaTable.style.display = "none";
|
---|
| 1140 | metaTable.metaNameField.style.display = "none";
|
---|
| 1141 | metaTable.addRowButton.style.display = "none";
|
---|
| 1142 | }
|
---|
| 1143 | }
|
---|
[25177] | 1144 | newLink.appendChild(uList);
|
---|
| 1145 | linkSpan.appendChild(newLink);
|
---|
| 1146 | newCell.appendChild(linkSpan);
|
---|
[25143] | 1147 | row.appendChild(newCell);
|
---|
| 1148 |
|
---|
| 1149 | addFunctionalityToTable(metaTable);
|
---|
| 1150 | metaTable.metaNameField.style.display = "none";
|
---|
| 1151 | metaTable.addRowButton.style.display = "none";
|
---|
| 1152 | }
|
---|
| 1153 |
|
---|
[25283] | 1154 | function setEditingFeaturesVisible(visible)
|
---|
| 1155 | {
|
---|
| 1156 | if(visible)
|
---|
| 1157 | {
|
---|
| 1158 | document.getElementById("editContentButton").innerHTML = "Hide editor";
|
---|
| 1159 | }
|
---|
| 1160 | else
|
---|
| 1161 | {
|
---|
| 1162 | document.getElementById("editContentButton").innerHTML = "Edit content";
|
---|
| 1163 | }
|
---|
| 1164 |
|
---|
| 1165 | var saveButton = document.getElementById("saveButton");
|
---|
| 1166 | var metadataListLabel = document.getElementById("metadataListLabel");
|
---|
| 1167 | var metadataList = document.getElementById("metadataSetList");
|
---|
| 1168 |
|
---|
| 1169 | var visibility = (visible ? "" : "none");
|
---|
| 1170 | saveButton.style.display = visibility;
|
---|
| 1171 | metadataListLabel.style.display = visibility;
|
---|
| 1172 | metadataList.style.display = visibility;
|
---|
| 1173 |
|
---|
| 1174 | var buttons = gs.functions.getElementsByClassName("editMetadataButton");
|
---|
| 1175 |
|
---|
| 1176 | for(var i = 0; i < buttons.length; i++)
|
---|
| 1177 | {
|
---|
| 1178 | buttons[i].style.display = visibility;
|
---|
| 1179 | buttons[i].linkLabel.innerHTML = "edit metadata";
|
---|
| 1180 | buttons[i].linkIcon.setAttribute("class", "ui-icon ui-icon-folder-collapsed");
|
---|
| 1181 | }
|
---|
| 1182 |
|
---|
| 1183 | var tables = document.getElementsByTagName("TABLE");
|
---|
| 1184 | for(var i = 0; i < tables.length; i++)
|
---|
| 1185 | {
|
---|
| 1186 | var currentTable = tables[i];
|
---|
| 1187 | if(currentTable.getAttribute("id") && currentTable.getAttribute("id").search(/^meta/) != -1)
|
---|
| 1188 | {
|
---|
| 1189 | currentTable.style.display = "none";
|
---|
| 1190 | currentTable.metaNameField.style.display = "none";
|
---|
| 1191 | currentTable.addRowButton.style.display = "none";
|
---|
| 1192 | }
|
---|
| 1193 | }
|
---|
| 1194 | }
|
---|
| 1195 |
|
---|
[25142] | 1196 | function readyPageForEditing()
|
---|
| 1197 | {
|
---|
[25283] | 1198 | if(document.getElementById("metadataSetList"))
|
---|
| 1199 | {
|
---|
| 1200 | var setList = document.getElementById("metadataSetList");
|
---|
| 1201 | if(!setList.style.display || setList.style.display == "")
|
---|
| 1202 | {
|
---|
| 1203 | setEditingFeaturesVisible(false);
|
---|
| 1204 | }
|
---|
| 1205 | else
|
---|
| 1206 | {
|
---|
| 1207 | setEditingFeaturesVisible(true);
|
---|
| 1208 | }
|
---|
| 1209 | return;
|
---|
| 1210 | }
|
---|
| 1211 |
|
---|
| 1212 | document.getElementById("editContentButton").innerHTML = "Hide Editor";
|
---|
| 1213 |
|
---|
[25142] | 1214 | var textDivs = gs.functions.getElementsByClassName("sectionText");
|
---|
| 1215 | for(var i = 0; i < textDivs.length; i++)
|
---|
| 1216 | {
|
---|
| 1217 | de.doc.registerEditSection(textDivs[i]);
|
---|
| 1218 | }
|
---|
| 1219 |
|
---|
| 1220 | var editBar = document.getElementById("editBarLeft");
|
---|
| 1221 | var saveButton = document.createElement("BUTTON");
|
---|
| 1222 | saveButton.onclick = save;
|
---|
| 1223 | saveButton.innerHTML = "Save changes";
|
---|
| 1224 | saveButton.setAttribute("id", "saveButton");
|
---|
| 1225 | editBar.appendChild(saveButton);
|
---|
| 1226 |
|
---|
[25143] | 1227 | var visibleMetadataList = document.createElement("SELECT");
|
---|
| 1228 | var allOption = document.createElement("OPTION");
|
---|
| 1229 | allOption.innerHTML = "All";
|
---|
| 1230 | visibleMetadataList.appendChild(allOption);
|
---|
| 1231 | visibleMetadataList.setAttribute("id", "metadataSetList");
|
---|
| 1232 | var metadataListLabel = document.createElement("SPAN");
|
---|
[25283] | 1233 | metadataListLabel.setAttribute("id", "metadataListLabel");
|
---|
[25143] | 1234 | metadataListLabel.setAttribute("style", "margin-left:20px;");
|
---|
| 1235 | metadataListLabel.innerHTML = "Visible metadata: ";
|
---|
| 1236 | editBar.appendChild(metadataListLabel);
|
---|
| 1237 | editBar.appendChild(visibleMetadataList);
|
---|
[25283] | 1238 | visibleMetadataList.onchange = onVisibleMetadataSetChange;
|
---|
[25143] | 1239 |
|
---|
[25142] | 1240 | var statusBarDiv = document.createElement("DIV");
|
---|
| 1241 | editBar.appendChild(statusBarDiv);
|
---|
| 1242 | _statusBar = new StatusBar(statusBarDiv);
|
---|
| 1243 |
|
---|
[25143] | 1244 | var titleDivs = gs.functions.getElementsByClassName("sectionTitle");
|
---|
| 1245 | for(var i = 0; i < titleDivs.length; i++)
|
---|
| 1246 | {
|
---|
| 1247 | addEditMetadataLink(titleDivs[i]);
|
---|
| 1248 | }
|
---|
| 1249 |
|
---|
[25142] | 1250 | _baseURL = gs.xsltParams.library_name;
|
---|
[26203] | 1251 | }
|
---|
| 1252 |
|
---|
[26226] | 1253 | function floatMenu(enabled)
|
---|
| 1254 | {
|
---|
| 1255 | var menu = $(".tableOfContentsContainer");
|
---|
| 1256 | if(enabled)
|
---|
| 1257 | {
|
---|
| 1258 | menu.data("position", menu.css("position"));
|
---|
| 1259 | menu.data("width", menu.css("width"));
|
---|
| 1260 | menu.data("right", menu.css("right"));
|
---|
| 1261 | menu.data("top", menu.css("top"));
|
---|
| 1262 | menu.data("max-height", menu.css("max-height"));
|
---|
| 1263 | menu.data("overflow", menu.css("overflow"));
|
---|
| 1264 | menu.data("z-index", menu.css("z-index"));
|
---|
| 1265 |
|
---|
| 1266 | menu.css("position", "fixed");
|
---|
| 1267 | menu.css("width", "300px");
|
---|
| 1268 | menu.css("right", "0px");
|
---|
| 1269 | menu.css("top", "100px");
|
---|
| 1270 | menu.css("max-height", "600px");
|
---|
| 1271 | menu.css("overflow", "auto");
|
---|
| 1272 | menu.css("z-index", "200");
|
---|
| 1273 |
|
---|
| 1274 | $("#unfloatTOCButton").show();
|
---|
| 1275 | }
|
---|
| 1276 | else
|
---|
| 1277 | {
|
---|
| 1278 | menu.css("position", menu.data("position"));
|
---|
| 1279 | menu.css("width", menu.data("width"));
|
---|
| 1280 | menu.css("right", menu.data("right"));
|
---|
| 1281 | menu.css("top", menu.data("top"));
|
---|
| 1282 | menu.css("max-height", menu.data("max-height"));
|
---|
| 1283 | menu.css("overflow", menu.data("overflow"));
|
---|
| 1284 | menu.css("z-index", menu.data("z-index"));
|
---|
| 1285 |
|
---|
| 1286 | $("#unfloatTOCButton").hide();
|
---|
| 1287 | $("#floatTOCToggle").attr("checked", false);
|
---|
| 1288 | }
|
---|
| 1289 | }
|
---|
| 1290 |
|
---|
[26203] | 1291 | function showSlideShow()
|
---|
| 1292 | {
|
---|
[26305] | 1293 | $("#ssOption").attr('checked', false);
|
---|
| 1294 | if(!($("#gs-slideshow").length))
|
---|
[26203] | 1295 | {
|
---|
[26305] | 1296 | var slideshowDiv = $("<div>", {id:"gs-slideshow"});
|
---|
| 1297 | var loadingImage = $("<img>", {src:gs.imageURLs.loading});
|
---|
| 1298 | slideshowDiv.append(loadingImage);
|
---|
| 1299 |
|
---|
| 1300 | $.blockUI({message: $(slideshowDiv), css:{top: "5%", left: "5%", width: "90%", height: "90%", overflow: "auto", cursor: "auto"}});
|
---|
| 1301 |
|
---|
| 1302 | retrieveImagesForSlideShow(function(imageIDArray)
|
---|
[26203] | 1303 | {
|
---|
[26305] | 1304 | loadingImage.hide();
|
---|
| 1305 | if(imageIDArray && imageIDArray.length > 0)
|
---|
[26203] | 1306 | {
|
---|
[26305] | 1307 | var imageURLs = new Array();
|
---|
| 1308 | for(var i = 0; i < imageIDArray.length; i++)
|
---|
[26203] | 1309 | {
|
---|
[26305] | 1310 | if(imageIDArray[i].source && imageIDArray[i].source.search(/.*\.(gif|jpg|jpeg|png)$/) != -1)
|
---|
[26203] | 1311 | {
|
---|
[26305] | 1312 | imageURLs.push(gs.collectionMetadata.httpPath + "/index/assoc/" + gs.documentMetadata.assocfilepath + "/" + imageIDArray[i].source);
|
---|
[26203] | 1313 | }
|
---|
| 1314 | }
|
---|
[26305] | 1315 | new SlideShowWidget(slideshowDiv, imageURLs, imageIDArray);
|
---|
| 1316 | }
|
---|
| 1317 | });
|
---|
[26203] | 1318 | }
|
---|
| 1319 | else
|
---|
| 1320 | {
|
---|
[26305] | 1321 | $("#gs-slideshow").show();
|
---|
[26203] | 1322 | }
|
---|
[26305] | 1323 |
|
---|
| 1324 | if($("#zoomOptions").length)
|
---|
| 1325 | {
|
---|
| 1326 | $("#zoomOptions").hide();
|
---|
| 1327 | }
|
---|
[26203] | 1328 | }
|
---|
| 1329 |
|
---|
| 1330 | function retrieveImagesForSlideShow(callback)
|
---|
| 1331 | {
|
---|
| 1332 | var template = "";
|
---|
| 1333 | template += '<xsl:template match="/">';
|
---|
| 1334 | template += '<images>[';
|
---|
| 1335 | template += '<xsl:for-each select="//documentNode">';
|
---|
| 1336 | template += '<xsl:text disable-output-escaping="yes">{"source":"</xsl:text><gsf:metadata name="Source"/><xsl:text disable-output-escaping="yes">",</xsl:text>';
|
---|
| 1337 | template += '<xsl:text disable-output-escaping="yes">"id":"</xsl:text><xsl:value-of select="@nodeID"/><xsl:text disable-output-escaping="yes">"}</xsl:text>';
|
---|
| 1338 | template += '<xsl:if test="position() != count(//documentNode)">,</xsl:if>';
|
---|
| 1339 | template += '</xsl:for-each>';
|
---|
| 1340 | template += ']</images>';
|
---|
| 1341 | template += '</xsl:template>';
|
---|
| 1342 |
|
---|
| 1343 | var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + gs.cgiParams.d + "?ed=1&ilt=" + template.replace(" ", "%20");
|
---|
| 1344 |
|
---|
| 1345 | $.ajax(
|
---|
| 1346 | {
|
---|
| 1347 | url:url,
|
---|
| 1348 | success: function(data)
|
---|
| 1349 | {
|
---|
| 1350 | var startIndex = data.indexOf(">", data.indexOf(">") + 1) + 1;
|
---|
| 1351 | var endIndex = data.lastIndexOf("<");
|
---|
| 1352 | var arrayString = data.substring(startIndex, endIndex);
|
---|
| 1353 | var imageIDArray = eval(arrayString);
|
---|
| 1354 |
|
---|
| 1355 | callback(imageIDArray);
|
---|
| 1356 | }
|
---|
| 1357 | });
|
---|
| 1358 | }
|
---|
| 1359 |
|
---|
| 1360 | function SlideShowWidget(mainDiv, images, idArray)
|
---|
| 1361 | {
|
---|
| 1362 | var _inTransition = false;
|
---|
| 1363 | var _images = new Array();
|
---|
| 1364 | var _mainDiv = mainDiv;
|
---|
| 1365 | var _imageDiv = $("<div>", {id:"ssImageDiv"});
|
---|
| 1366 | var _navDiv = $("<div>", {style:"height:2em;"});
|
---|
| 1367 | var _nextButton = $("<img>", {src:gs.imageURLs.next, style:"float:right; cursor:pointer;"});
|
---|
[26282] | 1368 | var _prevButton = $("<img>", {src:gs.imageURLs.prev, style:"float:left; cursor:pointer; display:none;"});
|
---|
[26305] | 1369 | var _closeLink = $("<a href=\"javascript:$.unblockUI()\">Close Slideshow</a>");
|
---|
[26203] | 1370 | var _clearDiv = $("<div>", {style:"clear:both;"});
|
---|
| 1371 | var _currentIndex = 0;
|
---|
| 1372 |
|
---|
| 1373 | _navDiv.append(_nextButton);
|
---|
[26305] | 1374 | _navDiv.append(_closeLink);
|
---|
[26203] | 1375 | _navDiv.append(_prevButton);
|
---|
| 1376 | _navDiv.append(_clearDiv);
|
---|
| 1377 | _mainDiv.append(_navDiv);
|
---|
| 1378 | _mainDiv.append(_imageDiv);
|
---|
| 1379 |
|
---|
| 1380 | for(var i = 0; i < images.length; i++)
|
---|
| 1381 | {
|
---|
| 1382 | _images.push($("<img>", {src:images[i], "class":"slideshowImage"}));
|
---|
| 1383 | }
|
---|
| 1384 |
|
---|
[26282] | 1385 | if(_images.length < 2)
|
---|
| 1386 | {
|
---|
| 1387 | _nextButton.css("display", "none");
|
---|
| 1388 | }
|
---|
| 1389 |
|
---|
[26203] | 1390 | _imageDiv.append(_images[0]);
|
---|
| 1391 |
|
---|
| 1392 | this.nextImage = function()
|
---|
| 1393 | {
|
---|
| 1394 | if(!_inTransition)
|
---|
| 1395 | {
|
---|
| 1396 | _inTransition = true;
|
---|
| 1397 | if((_currentIndex + 1) < _images.length)
|
---|
| 1398 | {
|
---|
[26282] | 1399 | _prevButton.css("display", "");
|
---|
| 1400 | if(_currentIndex + 1 == _images.length - 1)
|
---|
| 1401 | {
|
---|
| 1402 | _nextButton.css("display", "none");
|
---|
| 1403 | }
|
---|
| 1404 |
|
---|
[26305] | 1405 | _imageDiv.fadeOut(500, function()
|
---|
[26203] | 1406 | {
|
---|
| 1407 | _imageDiv.empty();
|
---|
| 1408 | _imageDiv.append(_images[_currentIndex + 1]);
|
---|
| 1409 | _currentIndex++;
|
---|
[26305] | 1410 | _imageDiv.fadeIn(500, function()
|
---|
[26203] | 1411 | {
|
---|
| 1412 | _inTransition = false;
|
---|
| 1413 | });
|
---|
| 1414 | });
|
---|
| 1415 | }
|
---|
| 1416 | else
|
---|
| 1417 | {
|
---|
| 1418 | _inTransition = false;
|
---|
| 1419 | }
|
---|
| 1420 | }
|
---|
| 1421 | }
|
---|
| 1422 |
|
---|
| 1423 | this.prevImage = function()
|
---|
| 1424 | {
|
---|
| 1425 | if(!_inTransition)
|
---|
| 1426 | {
|
---|
| 1427 | _inTransition = true;
|
---|
| 1428 | if((_currentIndex - 1) >= 0)
|
---|
| 1429 | {
|
---|
[26282] | 1430 | _nextButton.css("display", "");
|
---|
| 1431 | if(_currentIndex - 1 == 0)
|
---|
| 1432 | {
|
---|
| 1433 | _prevButton.css("display", "none");
|
---|
| 1434 | }
|
---|
| 1435 |
|
---|
[26305] | 1436 | _imageDiv.fadeOut(500, function()
|
---|
[26203] | 1437 | {
|
---|
| 1438 | _imageDiv.empty();
|
---|
| 1439 | _imageDiv.append(_images[_currentIndex - 1]);
|
---|
| 1440 | _currentIndex--;
|
---|
[26305] | 1441 | _imageDiv.fadeIn(500, function()
|
---|
[26203] | 1442 | {
|
---|
| 1443 | _inTransition = false;
|
---|
| 1444 | });
|
---|
| 1445 | });
|
---|
| 1446 | }
|
---|
| 1447 | else
|
---|
| 1448 | {
|
---|
| 1449 | _inTransition = false;
|
---|
| 1450 | }
|
---|
| 1451 | }
|
---|
| 1452 | }
|
---|
| 1453 |
|
---|
| 1454 | var getRootFilenameFromURL = function(url)
|
---|
| 1455 | {
|
---|
| 1456 | var urlSegments = url.split("/");
|
---|
| 1457 | var filename = urlSegments[urlSegments.length - 1];
|
---|
| 1458 | return filename.replace(/_thumb\..*$/, "");
|
---|
| 1459 | }
|
---|
| 1460 |
|
---|
| 1461 | var setLink = function(currentLink, index)
|
---|
| 1462 | {
|
---|
| 1463 | $(currentLink).click(function()
|
---|
| 1464 | {
|
---|
| 1465 | _inTransition = true;
|
---|
| 1466 | _currentIndex = index;
|
---|
[26305] | 1467 | _imageDiv.fadeOut(500, function()
|
---|
[26203] | 1468 | {
|
---|
| 1469 | _imageDiv.empty();
|
---|
| 1470 | _imageDiv.append(_images[_currentIndex]);
|
---|
[26305] | 1471 | _imageDiv.fadeIn(500, function()
|
---|
[26203] | 1472 | {
|
---|
| 1473 | _inTransition = false;
|
---|
| 1474 | });
|
---|
| 1475 | });
|
---|
| 1476 | });
|
---|
| 1477 | }
|
---|
| 1478 |
|
---|
| 1479 | var sliderLinks = $(".pageSliderCol a");
|
---|
| 1480 | for(var i = 0; i < sliderLinks.length; i++)
|
---|
| 1481 | {
|
---|
| 1482 | var currentLink = sliderLinks[i];
|
---|
| 1483 | var id = $(currentLink).attr("href").split("'")[1];
|
---|
| 1484 |
|
---|
| 1485 | for(var j = 0; j < idArray.length; j++)
|
---|
| 1486 | {
|
---|
| 1487 | if(idArray[j].id == id)
|
---|
| 1488 | {
|
---|
| 1489 | var image = idArray[j].source;
|
---|
| 1490 |
|
---|
| 1491 | for(var l = 0; l < images.length; l++)
|
---|
| 1492 | {
|
---|
| 1493 | var filename = getRootFilenameFromURL(images[l]);
|
---|
| 1494 | if (filename == image)
|
---|
| 1495 | {
|
---|
| 1496 | setLink(currentLink, l);
|
---|
| 1497 | break;
|
---|
| 1498 | }
|
---|
| 1499 | }
|
---|
| 1500 |
|
---|
| 1501 | break;
|
---|
| 1502 | }
|
---|
| 1503 | }
|
---|
| 1504 | }
|
---|
| 1505 |
|
---|
| 1506 | _nextButton.click(this.nextImage);
|
---|
| 1507 | _prevButton.click(this.prevImage);
|
---|
[24467] | 1508 | } |
---|