source: main/trunk/greenstone3/web/interfaces/default/js/document_scripts.js@ 26306

Last change on this file since 26306 was 26306, checked in by sjm84, 12 years ago

Making sure text is always below the images in the page slider
  • Property svn:executable set to *
File size: 39.1 KB
Line 
1var _imageZoomEnabled = false;
2var _linkCellMap = new Array();
3var _onCells = new Array();
4
5/********************
6* EXPANSION SCRIPTS *
7********************/
8
9function getTextForSection(sectionID, callback)
10{
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>';
19 template += '<xsl:for-each select="/page/pageResponse/document//documentNode[@nodeID = \'' + sectionID + '\']">';
20 template += '<xsl:call-template name="sectionContent"/>';
21 template += '</xsl:for-each>';
22 template += '</text>';
23 template += '</xsl:template>';
24
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
40 var ajax = gs.functions.ajaxRequest();
41 ajax.open("GET", gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + sectionID + "?hl=" + hl + "&p.s=TextQuery&ilt=" + template.replace(" ", "%20"), true);
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
74function 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>';
84 template += '<xsl:for-each select="/page/pageResponse/document//documentNode[@nodeID = \'' + sectionID + '\']/documentNode">';
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();
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);
98 ajax.onreadystatechange = function()
99 {
100 if(ajax.readyState == 4 && ajax.status == 200)
101 {
102 var response = ajax.responseText;
103
104 if(response)
105 {
106 var sectionsStart = response.indexOf(">", response.indexOf(">") + 1) + 1;
107 var sectionsEnd = response.lastIndexOf("<");
108
109 if(sectionsStart == 0 || sectionsEnd == -1 || sectionsEnd <= sectionsStart)
110 {
111 callback(" ");
112 return;
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
131function toggleSection(sectionID, callback, tocDisabled)
132{
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 {
141 if(tocToggleElem && !tocDisabled)
142 {
143 tocToggleElem.setAttribute("src", gs.imageURLs.collapse);
144 }
145
146 if(tocElem && !tocDisabled)
147 {
148 tocElem.style.display = "block";
149 }
150
151 if(gs.functions.hasClass(docElem, "noText"))
152 {
153 getTextForSection(sectionID, function(text)
154 {
155 if(text)
156 {
157 var nodeID = sectionID.replace(/\./g, "_");
158 if(text.search("wrap" + nodeID) != -1)
159 {
160 document.getElementById("zoomOptions").style.display = null;
161 document.getElementById("pagedImageOptions").style.display = null;
162 }
163 getSubSectionsForSection(sectionID, function(sections)
164 {
165 if(sections)
166 {
167 var textElem = document.getElementById("doc" + sectionID);
168 $(textElem).html(text + sections);
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 }
178
179 if(document.getElementById("viewSelection"))
180 {
181 changeView();
182 }
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 }
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
222 docToggleElem.setAttribute("src", gs.imageURLs.expand);
223
224 if(tocToggleElem)
225 {
226 tocToggleElem.setAttribute("src", gs.imageURLs.expand);
227 }
228
229 if(tocElem)
230 {
231 tocElem.style.display = "none";
232 }
233
234 if(callback)
235 {
236 callback(true);
237 }
238 }
239}
240
241function scrollToTop()
242{
243 $('html, body').stop().animate({scrollTop: 0}, 1000);
244}
245
246function focusSection(sectionID, level, tocDisabled)
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 {
278 focusSection(sectionID, level + 1, tocDisabled);
279 }
280 }, tocDisabled);
281 }
282 else
283 {
284 focusSection(sectionID, level + 1, tocDisabled);
285 }
286}
287
288function 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++;
307
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 }
340 checkFunction();
341 }
342}
343
344function loadTopLevelPage(callbackFunction, customURL)
345{
346 var ajax = gs.functions.ajaxRequest();
347
348 var url = gs.xsltParams.library_name + "?a=d&c=" + gs.cgiParams.c + "&excerptid=gs-document";
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 {
355 url += "&d=&alb=1&rl=1&href=" + gs.cgiParams.href;
356 }
357
358 if(customURL != null)
359 {
360 ajax.open("GET", customURL, true);
361 }
362 else
363 {
364 ajax.open("GET", url, true);
365 }
366
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);
379
380 targetElem.innerHTML = doc;
381
382 if(callbackFunction)
383 {
384 callbackFunction();
385 }
386 }
387 }
388 else if(ajax.readyState == 4)
389 {
390 setTimeout(function(){loadTopLevelPage(callbackFunction, customURL);}, 1000);
391 }
392 };
393 ajax.send();
394}
395
396function retrieveFullTableOfContents()
397{
398 var ajax = gs.functions.ajaxRequest();
399
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 {
407 url += "&a=d&d=&alb=1&rl=1&href=" + gs.cgiParams.href;
408 }
409
410 ajax.open("GET", url, true);
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
421 //Add the "Expand document"/"Collapse document" links
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;
431
432 gs.variables.tocLoaded = true;
433 }
434 else if(ajax.readyState == 4)
435 {
436 setTimeout(retrieveFullTableOfContents, 1000);
437 }
438 }
439 ajax.send();
440}
441
442function 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
452function 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
461function minimizeSidebar()
462{
463 var toc = document.getElementById("contentsArea");
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
476function maximizeSidebar()
477{
478 var coverImage = document.getElementById("coverImage");
479 var toc = document.getElementById("contentsArea");
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
497/**********************
498* PAGED-IMAGE SCRIPTS *
499**********************/
500
501function 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
531function setImageVisible(visible)
532{
533 var divs = document.getElementsByTagName("DIV");
534 var images = new Array();
535 for (var i = 0; i < divs.length; i++)
536 {
537 if(divs[i].id && divs[i].id.search(/^image/) != -1)
538 {
539 images.push(divs[i]);
540 }
541 }
542
543 for(var i = 0; i < images.length; i++)
544 {
545 var image = images[i];
546 if(visible)
547 {
548 image.style.display = "block";
549 }
550 else
551 {
552 image.style.display = "none";
553 }
554 }
555}
556
557function setTextVisible(visible)
558{
559 var divs = document.getElementsByTagName("DIV");
560 var textDivs = new Array();
561 for (var i = 0; i < divs.length; i++)
562 {
563 if(divs[i].id && divs[i].id.search(/^text/) != -1)
564 {
565 textDivs.push(divs[i]);
566 }
567 }
568
569 for(var i = 0; i < textDivs.length; i++)
570 {
571 var text = textDivs[i];
572 if(visible)
573 {
574 text.style.display = "block";
575 }
576 else
577 {
578 text.style.display = "none";
579 }
580 }
581}
582
583function retrieveTableOfContentsAndTitles()
584{
585 var ilt = "";
586 ilt += '<xsl:template match="/">';
587 ilt += '<xsl:for-each select="/page/pageResponse/document/documentNode">';
588 ilt += '<xsl:call-template name="documentNodeTOC"/>';
589 ilt += '</xsl:for-each>';
590 ilt += '</xsl:template>';
591
592 var ajax = gs.functions.ajaxRequest();
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);
594 ajax.onreadystatechange = function()
595 {
596 if(ajax.readyState == 4 && ajax.status == 200)
597 {
598 document.getElementById("tableOfContents").innerHTML = ajax.responseText;
599 replaceLinksWithSlider();
600 var loading = document.getElementById("tocLoadingImage");
601 loading.parentNode.removeChild(loading);
602 }
603 else if(ajax.readyState == 4)
604 {
605 setTimeout(function(){retrieveTableOfContentsAndTitles();}, 1000);
606 }
607 }
608 ajax.send();
609}
610
611function 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 }
651
652 //Disable all TOC toggles
653 var imgs = document.getElementsByTagName("IMG");
654 for(var j = 0; j < imgs.length; j++)
655 {
656 var currentImage = imgs[j];
657 if(currentImage.getAttribute("id") && currentImage.getAttribute("id").search(/^ttoggle/) != -1)
658 {
659 currentImage.setAttribute("onclick", "");
660 }
661 else if(currentImage.getAttribute("id") && currentImage.getAttribute("id").search(/^dtoggle/) != -1)
662 {
663 currentImage.setAttribute("onclick", currentImage.getAttribute("onclick").replace(/\)/, ", null, true)"));
664 }
665 }
666}
667
668function SliderWidget(_links)
669{
670 //****************
671 //MEMBER VARIABLES
672 //****************
673
674 //The container for the widget
675 var _mainDiv = document.createElement("DIV");
676 _mainDiv.setAttribute("class", "ui-widget-content pageSlider");
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
686 //The list of titles we can search through
687 var _titles = new Array();
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
703 var setUpFilterBox = function()
704 {
705 var filter = $("#filterText");
706 filter.keyup(function()
707 {
708 var currentValue = filter.val();
709 var isRange = (currentValue.search(/\d+-\d+/) != -1)
710
711 var found = false;
712 for(var i = 0; i < _titles.length; i++)
713 {
714 if(_titles[i][0] == currentValue)
715 {
716 found = true;
717 }
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)
726 {
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 }
750 }
751 }
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 }
767 });
768 }
769
770 var getImage = function(page, attemptNumber)
771 {
772 var ajax = gs.functions.ajaxRequest();
773
774 var href = page.getAttribute("href");
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
780 var template = '';
781 template += '<xsl:template match="/">';
782 template += '<gsf:metadata name=\"Thumb\"/>';
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>';
790 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document//documentNode[@nodeID = '" + nodeID + "']/metadataList/metadata[@name = 'Thumb']\"/>";
791 template += '</xsl:attribute>';
792 template += '</img>';
793 template += '<p>';
794 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/documentNode/metadataList/metadata[@name = 'Title']\"/>";
795 template += '</p>';
796 template += '</html>';
797 template += '</xsl:template>';
798
799 ajax.open("GET", href + "?ilt=" + template.replace(" ", "%20"));
800 ajax.onreadystatechange = function()
801 {
802 if(ajax.readyState == 4 && ajax.status == 200)
803 {
804 var text = ajax.responseText;
805 var hrefStart = text.indexOf("src=\"") + 5;
806 if(hrefStart == -1)
807 {
808 page.isLoading = false;
809 page.noImage = true;
810 page.image.setAttribute("src", gs.imageURLs.blank);
811 return;
812 }
813 var hrefEnd = text.indexOf("\"", hrefStart);
814 var href = text.substring(hrefStart, hrefEnd);
815
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 {
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 }
836 });
837 image.setAttribute("src", href);
838
839 var titleStart = text.indexOf("<p>") + 3;
840 var titleEnd = text.indexOf("</p>");
841 var title = text.substring(titleStart, titleEnd);
842 }
843 else if (ajax.readyState == 4)
844 {
845 page.failed = true;
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 }
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 }
895
896 checkFunction();
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");
915 link.setAttribute("href", href.replace(/\)/, ", 0, true)"));
916
917 if(!_linkCellMap[href])
918 {
919 _linkCellMap[href] = new Array();
920 }
921 _linkCellMap[href].push(_links[i]);
922
923 var image = document.createElement("IMG");
924 link.appendChild(image);
925 image.setAttribute("src", gs.imageURLs.loading);
926 _links[i].image = image;
927
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]]);
939
940 var text = document.createTextNode(title);
941 col.appendChild(document.createElement("BR"));
942 col.appendChild(text);
943 }
944
945 setUpFilterBox();
946 startCheckFunction();
947}
948
949/***********************
950* HIGHLIGHTING SCRIPTS *
951***********************/
952function swapHighlight()
953{
954 var hlCheckbox = document.getElementById("highlightOption");
955
956 var from;
957 var to;
958 if(hlCheckbox.checked)
959 {
960 from = "noTermHighlight";
961 to = "termHighlight";
962 }
963 else
964 {
965 from = "termHighlight";
966 to = "noTermHighlight";
967 }
968
969 var spans = document.getElementsByTagName("span");
970 for(var i = 0; i < spans.length; i++)
971 {
972 var currentSpan = spans[i];
973 if(currentSpan.getAttribute("class") == from)
974 {
975 currentSpan.setAttribute("class", to);
976 }
977 }
978}
979
980/**************************
981* REALISTIC BOOKS SCRIPTS *
982**************************/
983
984function bookInit()
985{
986 loadBook();
987 hideText();
988 showBook();
989 swapLinkJavascript(false);
990}
991
992function hideText()
993{
994 var textDiv = document.getElementById("gs-document-text");
995 textDiv.style.visibility = "hidden";
996}
997
998function showText()
999{
1000 var textDiv = document.getElementById("gs-document-text");
1001 textDiv.style.visibility = "visible";
1002}
1003
1004function hideBook()
1005{
1006 var bookDiv = document.getElementById("bookdiv");
1007 bookDiv.style.visibility = "hidden";
1008 bookDiv.style.height = "0px";
1009
1010 var bookObject = document.getElementById("bookObject");
1011 bookObject.style.visibility = "hidden";
1012 bookObject.style.height = "0px";
1013
1014 var bookEmbed = document.getElementById("bookEmbed");
1015 bookEmbed.style.visibility = "hidden";
1016 bookEmbed.style.height = "0px";
1017}
1018
1019function showBook()
1020{
1021 var bookDiv = document.getElementById("bookdiv");
1022 bookDiv.style.visibility = "visible";
1023 bookDiv.style.height = "600px";
1024
1025 var bookObject = document.getElementById("bookObject");
1026 bookObject.style.visibility = "visible";
1027 bookObject.style.height = "600px";
1028
1029 var bookEmbed = document.getElementById("bookEmbed");
1030 bookEmbed.style.visibility = "visible";
1031 bookEmbed.style.height = "600px";
1032}
1033
1034function swapLinkJavascript(rbOn)
1035{
1036 var option = document.getElementById("rbOption");
1037 if(rbOn)
1038 {
1039 option.setAttribute("onclick", "hideText(); showBook(); swapLinkJavascript(false);");
1040 }
1041 else
1042 {
1043 option.setAttribute("onclick", "hideBook(); showText(); swapLinkJavascript(true);");
1044 }
1045}
1046
1047//Helper function to create param elements
1048function createParam(name, value)
1049{
1050 var param = document.createElement("PARAM");
1051 param.setAttribute("name", name);
1052 param.setAttribute("value", value);
1053 return param;
1054}
1055
1056function loadBook()
1057{
1058 var doc_url = document.URL;
1059 doc_url = doc_url.replace(/(&|\?)book=[a-z]+/gi,'');
1060 doc_url += '&book=flashxml';
1061
1062 var img_cover = gs.collectionMetadata.httpPath + '/index/assoc/' + gs.documentMetadata.assocfilepath + '/cover.jpg';
1063
1064 var flash_plug_html = ""
1065 flash_plug_html += '<OBJECT align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" \n';
1066 flash_plug_html += ' height="600px" id="bookObject" swLiveConnect="true" \n';
1067 flash_plug_html += ' codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" \n';
1068 flash_plug_html += ' width="70%">\n';
1069 flash_plug_html += ' <PARAM name="allowScriptAccess" value="always" />\n';
1070 flash_plug_html += ' <PARAM name="movie" value="Book.swf';
1071 flash_plug_html += '?src_image=' + escape(img_cover);
1072 flash_plug_html += '&doc_url=' + escape(doc_url);
1073 flash_plug_html += '" />\n';
1074 flash_plug_html += ' <PARAM name="quality" value="high" />\n';
1075 flash_plug_html += ' <PARAM name="bgcolor" value="#FFFFFF" />\n';
1076 flash_plug_html += ' <EMBED align="middle" \n';
1077 flash_plug_html += ' allowScriptAccess="always" swLiveConnect="true" \n';
1078 flash_plug_html += ' bgcolor="#FFFFFF" height="600px" name="Book" \n';
1079 flash_plug_html += ' pluginspage="http://www.macromedia.com/go/getflashplayer" \n';
1080 flash_plug_html += ' quality="high" id="bookEmbed"\n';
1081 flash_plug_html += ' src="Book.swf';
1082 flash_plug_html += '?src_image=' + escape(img_cover);
1083 flash_plug_html += '&doc_url=' + escape(doc_url);
1084 flash_plug_html += '"\n';
1085 flash_plug_html += ' type="application/x-shockwave-flash" width="70%" />\n';
1086 flash_plug_html += '</OBJECT>\n';
1087 var flash_div = document.getElementById("bookdiv");
1088 flash_div.innerHTML = flash_plug_html;
1089}
1090
1091function addEditMetadataLink(cell)
1092{
1093 var id = cell.getAttribute("id").substring(6);
1094 var metaTable = document.getElementById("meta" + id);
1095
1096 var row = cell.parentNode;
1097 var newCell = document.createElement("TD");
1098 newCell.setAttribute("style", "font-size:0.7em; padding:0px 10px");
1099 newCell.setAttribute("class", "editMetadataButton");
1100
1101 var linkSpan = document.createElement("SPAN");
1102 linkSpan.setAttribute("class", "ui-state-default ui-corner-all");
1103 linkSpan.setAttribute("style", "padding: 2px; float:left;");
1104
1105 var linkLabel = document.createElement("SPAN");
1106 linkLabel.innerHTML = "edit metadata";
1107 newCell.linkLabel = linkLabel;
1108 var linkIcon = document.createElement("SPAN");
1109 linkIcon.setAttribute("class", "ui-icon ui-icon-folder-collapsed");
1110 newCell.linkIcon = linkIcon;
1111
1112 var uList = document.createElement("UL");
1113 var labelItem = document.createElement("LI");
1114 var iconItem = document.createElement("LI");
1115 uList.appendChild(iconItem);
1116 uList.appendChild(labelItem);
1117 labelItem.appendChild(linkLabel);
1118 iconItem.appendChild(linkIcon);
1119
1120 uList.setAttribute("style", "outline: 0 none; margin:0px; padding:0px;");
1121 labelItem.setAttribute("style", "float:left; list-style:none outside none;");
1122 iconItem.setAttribute("style", "float:left; list-style:none outside none;");
1123
1124 var newLink = document.createElement("A");
1125 newLink.setAttribute("href", "javascript:;");
1126 newLink.onclick = function()
1127 {
1128 if(metaTable.style.display == "none")
1129 {
1130 linkLabel.innerHTML = "hide metadata";
1131 linkIcon.setAttribute("class", "ui-icon ui-icon-folder-open");
1132 metaTable.style.display = "block";
1133 metaTable.metaNameField.style.display = "inline";
1134 metaTable.addRowButton.style.display = "inline";
1135 }
1136 else
1137 {
1138 linkLabel.innerHTML = "edit metadata";
1139 linkIcon.setAttribute("class", "ui-icon ui-icon-folder-collapsed");
1140 metaTable.style.display = "none";
1141 metaTable.metaNameField.style.display = "none";
1142 metaTable.addRowButton.style.display = "none";
1143 }
1144 }
1145 newLink.appendChild(uList);
1146 linkSpan.appendChild(newLink);
1147 newCell.appendChild(linkSpan);
1148 row.appendChild(newCell);
1149
1150 addFunctionalityToTable(metaTable);
1151 metaTable.metaNameField.style.display = "none";
1152 metaTable.addRowButton.style.display = "none";
1153}
1154
1155function setEditingFeaturesVisible(visible)
1156{
1157 if(visible)
1158 {
1159 document.getElementById("editContentButton").innerHTML = "Hide editor";
1160 }
1161 else
1162 {
1163 document.getElementById("editContentButton").innerHTML = "Edit content";
1164 }
1165
1166 var saveButton = document.getElementById("saveButton");
1167 var metadataListLabel = document.getElementById("metadataListLabel");
1168 var metadataList = document.getElementById("metadataSetList");
1169
1170 var visibility = (visible ? "" : "none");
1171 saveButton.style.display = visibility;
1172 metadataListLabel.style.display = visibility;
1173 metadataList.style.display = visibility;
1174
1175 var buttons = gs.functions.getElementsByClassName("editMetadataButton");
1176
1177 for(var i = 0; i < buttons.length; i++)
1178 {
1179 buttons[i].style.display = visibility;
1180 buttons[i].linkLabel.innerHTML = "edit metadata";
1181 buttons[i].linkIcon.setAttribute("class", "ui-icon ui-icon-folder-collapsed");
1182 }
1183
1184 var tables = document.getElementsByTagName("TABLE");
1185 for(var i = 0; i < tables.length; i++)
1186 {
1187 var currentTable = tables[i];
1188 if(currentTable.getAttribute("id") && currentTable.getAttribute("id").search(/^meta/) != -1)
1189 {
1190 currentTable.style.display = "none";
1191 currentTable.metaNameField.style.display = "none";
1192 currentTable.addRowButton.style.display = "none";
1193 }
1194 }
1195}
1196
1197function readyPageForEditing()
1198{
1199 if(document.getElementById("metadataSetList"))
1200 {
1201 var setList = document.getElementById("metadataSetList");
1202 if(!setList.style.display || setList.style.display == "")
1203 {
1204 setEditingFeaturesVisible(false);
1205 }
1206 else
1207 {
1208 setEditingFeaturesVisible(true);
1209 }
1210 return;
1211 }
1212
1213 document.getElementById("editContentButton").innerHTML = "Hide Editor";
1214
1215 var textDivs = gs.functions.getElementsByClassName("sectionText");
1216 for(var i = 0; i < textDivs.length; i++)
1217 {
1218 de.doc.registerEditSection(textDivs[i]);
1219 }
1220
1221 var editBar = document.getElementById("editBarLeft");
1222 var saveButton = document.createElement("BUTTON");
1223 saveButton.onclick = save;
1224 saveButton.innerHTML = "Save changes";
1225 saveButton.setAttribute("id", "saveButton");
1226 editBar.appendChild(saveButton);
1227
1228 var visibleMetadataList = document.createElement("SELECT");
1229 var allOption = document.createElement("OPTION");
1230 allOption.innerHTML = "All";
1231 visibleMetadataList.appendChild(allOption);
1232 visibleMetadataList.setAttribute("id", "metadataSetList");
1233 var metadataListLabel = document.createElement("SPAN");
1234 metadataListLabel.setAttribute("id", "metadataListLabel");
1235 metadataListLabel.setAttribute("style", "margin-left:20px;");
1236 metadataListLabel.innerHTML = "Visible metadata: ";
1237 editBar.appendChild(metadataListLabel);
1238 editBar.appendChild(visibleMetadataList);
1239 visibleMetadataList.onchange = onVisibleMetadataSetChange;
1240
1241 var statusBarDiv = document.createElement("DIV");
1242 editBar.appendChild(statusBarDiv);
1243 _statusBar = new StatusBar(statusBarDiv);
1244
1245 var titleDivs = gs.functions.getElementsByClassName("sectionTitle");
1246 for(var i = 0; i < titleDivs.length; i++)
1247 {
1248 addEditMetadataLink(titleDivs[i]);
1249 }
1250
1251 _baseURL = gs.xsltParams.library_name;
1252}
1253
1254function floatMenu(enabled)
1255{
1256 var menu = $(".tableOfContentsContainer");
1257 if(enabled)
1258 {
1259 menu.data("position", menu.css("position"));
1260 menu.data("width", menu.css("width"));
1261 menu.data("right", menu.css("right"));
1262 menu.data("top", menu.css("top"));
1263 menu.data("max-height", menu.css("max-height"));
1264 menu.data("overflow", menu.css("overflow"));
1265 menu.data("z-index", menu.css("z-index"));
1266
1267 menu.css("position", "fixed");
1268 menu.css("width", "300px");
1269 menu.css("right", "0px");
1270 menu.css("top", "100px");
1271 menu.css("max-height", "600px");
1272 menu.css("overflow", "auto");
1273 menu.css("z-index", "200");
1274
1275 $("#unfloatTOCButton").show();
1276 }
1277 else
1278 {
1279 menu.css("position", menu.data("position"));
1280 menu.css("width", menu.data("width"));
1281 menu.css("right", menu.data("right"));
1282 menu.css("top", menu.data("top"));
1283 menu.css("max-height", menu.data("max-height"));
1284 menu.css("overflow", menu.data("overflow"));
1285 menu.css("z-index", menu.data("z-index"));
1286
1287 $("#unfloatTOCButton").hide();
1288 $("#floatTOCToggle").attr("checked", false);
1289 }
1290}
1291
1292function showSlideShow()
1293{
1294 $("#ssOption").attr('checked', false);
1295 if(!($("#gs-slideshow").length))
1296 {
1297 var slideshowDiv = $("<div>", {id:"gs-slideshow"});
1298 var loadingImage = $("<img>", {src:gs.imageURLs.loading});
1299 slideshowDiv.append(loadingImage);
1300
1301 $.blockUI({message: $(slideshowDiv), css:{top: "5%", left: "5%", width: "90%", height: "90%", overflow: "auto", cursor: "auto"}});
1302
1303 retrieveImagesForSlideShow(function(imageIDArray)
1304 {
1305 loadingImage.hide();
1306 if(imageIDArray && imageIDArray.length > 0)
1307 {
1308 var imageURLs = new Array();
1309 for(var i = 0; i < imageIDArray.length; i++)
1310 {
1311 if(imageIDArray[i].source && imageIDArray[i].source.search(/.*\.(gif|jpg|jpeg|png)$/) != -1)
1312 {
1313 imageURLs.push(gs.collectionMetadata.httpPath + "/index/assoc/" + gs.documentMetadata.assocfilepath + "/" + imageIDArray[i].source);
1314 }
1315 }
1316 new SlideShowWidget(slideshowDiv, imageURLs, imageIDArray);
1317 }
1318 });
1319 }
1320 else
1321 {
1322 $("#gs-slideshow").show();
1323 }
1324
1325 if($("#zoomOptions").length)
1326 {
1327 $("#zoomOptions").hide();
1328 }
1329}
1330
1331function retrieveImagesForSlideShow(callback)
1332{
1333 var template = "";
1334 template += '<xsl:template match="/">';
1335 template += '<images>[';
1336 template += '<xsl:for-each select="//documentNode">';
1337 template += '<xsl:text disable-output-escaping="yes">{"source":"</xsl:text><gsf:metadata name="Source"/><xsl:text disable-output-escaping="yes">",</xsl:text>';
1338 template += '<xsl:text disable-output-escaping="yes">"id":"</xsl:text><xsl:value-of select="@nodeID"/><xsl:text disable-output-escaping="yes">"}</xsl:text>';
1339 template += '<xsl:if test="position() != count(//documentNode)">,</xsl:if>';
1340 template += '</xsl:for-each>';
1341 template += ']</images>';
1342 template += '</xsl:template>';
1343
1344 var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + gs.cgiParams.d + "?ed=1&ilt=" + template.replace(" ", "%20");
1345
1346 $.ajax(
1347 {
1348 url:url,
1349 success: function(data)
1350 {
1351 var startIndex = data.indexOf(">", data.indexOf(">") + 1) + 1;
1352 var endIndex = data.lastIndexOf("<");
1353 var arrayString = data.substring(startIndex, endIndex);
1354 var imageIDArray = eval(arrayString);
1355
1356 callback(imageIDArray);
1357 }
1358 });
1359}
1360
1361function SlideShowWidget(mainDiv, images, idArray)
1362{
1363 var _inTransition = false;
1364 var _images = new Array();
1365 var _mainDiv = mainDiv;
1366 var _imageDiv = $("<div>", {id:"ssImageDiv"});
1367 var _navDiv = $("<div>", {style:"height:2em;"});
1368 var _nextButton = $("<img>", {src:gs.imageURLs.next, style:"float:right; cursor:pointer;"});
1369 var _prevButton = $("<img>", {src:gs.imageURLs.prev, style:"float:left; cursor:pointer; display:none;"});
1370 var _closeLink = $("<a href=\"javascript:$.unblockUI()\">Close Slideshow</a>");
1371 var _clearDiv = $("<div>", {style:"clear:both;"});
1372 var _currentIndex = 0;
1373
1374 _navDiv.append(_nextButton);
1375 _navDiv.append(_closeLink);
1376 _navDiv.append(_prevButton);
1377 _navDiv.append(_clearDiv);
1378 _mainDiv.append(_navDiv);
1379 _mainDiv.append(_imageDiv);
1380
1381 for(var i = 0; i < images.length; i++)
1382 {
1383 _images.push($("<img>", {src:images[i], "class":"slideshowImage"}));
1384 }
1385
1386 if(_images.length < 2)
1387 {
1388 _nextButton.css("display", "none");
1389 }
1390
1391 _imageDiv.append(_images[0]);
1392
1393 this.nextImage = function()
1394 {
1395 if(!_inTransition)
1396 {
1397 _inTransition = true;
1398 if((_currentIndex + 1) < _images.length)
1399 {
1400 _prevButton.css("display", "");
1401 if(_currentIndex + 1 == _images.length - 1)
1402 {
1403 _nextButton.css("display", "none");
1404 }
1405
1406 _imageDiv.fadeOut(500, function()
1407 {
1408 _imageDiv.empty();
1409 _imageDiv.append(_images[_currentIndex + 1]);
1410 _currentIndex++;
1411 _imageDiv.fadeIn(500, function()
1412 {
1413 _inTransition = false;
1414 });
1415 });
1416 }
1417 else
1418 {
1419 _inTransition = false;
1420 }
1421 }
1422 }
1423
1424 this.prevImage = function()
1425 {
1426 if(!_inTransition)
1427 {
1428 _inTransition = true;
1429 if((_currentIndex - 1) >= 0)
1430 {
1431 _nextButton.css("display", "");
1432 if(_currentIndex - 1 == 0)
1433 {
1434 _prevButton.css("display", "none");
1435 }
1436
1437 _imageDiv.fadeOut(500, function()
1438 {
1439 _imageDiv.empty();
1440 _imageDiv.append(_images[_currentIndex - 1]);
1441 _currentIndex--;
1442 _imageDiv.fadeIn(500, function()
1443 {
1444 _inTransition = false;
1445 });
1446 });
1447 }
1448 else
1449 {
1450 _inTransition = false;
1451 }
1452 }
1453 }
1454
1455 var getRootFilenameFromURL = function(url)
1456 {
1457 var urlSegments = url.split("/");
1458 var filename = urlSegments[urlSegments.length - 1];
1459 return filename.replace(/_thumb\..*$/, "");
1460 }
1461
1462 var setLink = function(currentLink, index)
1463 {
1464 $(currentLink).click(function()
1465 {
1466 _inTransition = true;
1467 _currentIndex = index;
1468 _imageDiv.fadeOut(500, function()
1469 {
1470 _imageDiv.empty();
1471 _imageDiv.append(_images[_currentIndex]);
1472 _imageDiv.fadeIn(500, function()
1473 {
1474 _inTransition = false;
1475 });
1476 });
1477 });
1478 }
1479
1480 var sliderLinks = $(".pageSliderCol a");
1481 for(var i = 0; i < sliderLinks.length; i++)
1482 {
1483 var currentLink = sliderLinks[i];
1484 var id = $(currentLink).attr("href").split("'")[1];
1485
1486 for(var j = 0; j < idArray.length; j++)
1487 {
1488 if(idArray[j].id == id)
1489 {
1490 var image = idArray[j].source;
1491
1492 for(var l = 0; l < images.length; l++)
1493 {
1494 var filename = getRootFilenameFromURL(images[l]);
1495 if (filename == image)
1496 {
1497 setLink(currentLink, l);
1498 break;
1499 }
1500 }
1501
1502 break;
1503 }
1504 }
1505 }
1506
1507 _nextButton.click(this.nextImage);
1508 _prevButton.click(this.prevImage);
1509}
Note: See TracBrowser for help on using the repository browser.