1<ja:if test="<%= navigation %>">
2	<script src="${resPath}/jquery.hotkeys.js" type="text/javascript"></script>
3	<script src="${resPath}/galleria/jquery.galleria.js" type="text/javascript"></script>
4	<script src="${resPath}/jquery.scrollimages.js" type="text/javascript"></script>
5	<ja:if test="<%= showMetadata %>">
6		<script type="text/javascript"><!--//--><![CDATA[//><!--
7			(function($) {
8				$.fn.addMetadata = function(key, val) {
9					if (val) {
10						this.append($("<li>" + key + ": " + val + "</li>"));
11					}
12					return this;
13				}
14			})(jQuery);
15		//--><!]]></script>
16	</ja:if>
17	<script type="text/javascript"><!--//--><![CDATA[//><!--
18		$(function() {
19			$("#thumbnails_container").imageScroller({
20				onBeforeScroll: function() { $.galleria.stop() },
21				onScroll: function() { $.galleria.start() },
22				duration: <%= scrollDuration %>,
23				imageWidth: <%= thumbItemSize %>,
24				size: <%= scrollerSize %>,
25				fastSteps: <%= fastNavigationStep %>
26			});
27
28			var formattedThumbnailOpacity = ${unformattedThumbnailOpacity}/100;
29
30			$(".thumbnails_unstyled").addClass("thumbnails");
31			$("ul.thumbnails").galleria({
32				history: ${enableHistory},
33				clickNext: true,
34				insert: "#main_image",
35				onImage: function(image, caption, thumb) {
36					var extras = $("#extras").css("display", "none").empty();
37					image.css("display", "none").fadeIn(<%= mainImageFadeIn %>);
38					caption.css("display", "none").fadeIn(<%= mainImageFadeIn %>);
39
40					if (<%= showMetadata %>) {
41						var extrasList = $("<ul></ul>");
42						extrasList.addMetadata("$text.metadata.originalDate", thumb.data("originalDate"));
43						extrasList.addMetadata("$text.metadata.cameraModel", thumb.data("cameraModel"));
44						extrasList.addMetadata("$text.metadata.exposureTime", thumb.data("exposureTime"));
45						extrasList.addMetadata("$text.metadata.isoEquivalent", thumb.data("isoEquivalent"));
46						extrasList.addMetadata("$text.metadata.aperture", thumb.data("aperture"));
47						extrasList.addMetadata("$text.metadata.focusDistance", thumb.data("focusDistance"));
48						extrasList.addMetadata("$text.metadata.focalLength35mm", thumb.data("focalLength35mm"));
49						extrasList.addMetadata("$text.metadata.keywords", thumb.data("keywords"));
50						if (extrasList.children().length > 0) {
51							extras.append(extrasList);
52							extrasList.find(":first-child").addClass("first");
53							extras.css({
54								width : (image.outerWidth() - (<%= extrasPadding %> * 2) + <%= extrasAdditionalWidth %>) + "px"
55							}).fadeIn(<%= mainImageFadeIn %>);
56						}
57					}
58
59					var li = thumb.parents("li");
60					li.siblings().children("img.selected").fadeTo(<%= selectedThumbnailFadeOut %>, formattedThumbnailOpacity);
61					thumb.fadeTo("fast", 1).addClass("selected");
62					image.attr("title", "$text.content.nextImage");
63
64					var original = thumb.data("original");
65					if (original) {
66						var originalLink = $("<a></a>").attr("href", original).text("$text.content.downloadOriginal");
67						caption.append(" (").append(originalLink).append(")");
68					}
69				},
70				onThumb: function(thumb) {
71					var li = thumb.parents("li");
72					var fadeTo = li.is(".active") ? "1" : formattedThumbnailOpacity;
73					thumb.css({display: "none", opacity: fadeTo}).fadeIn(<%= selectedThumbnailFadeIn %>);
74					thumb.hover(
75						function() {
76							thumb.fadeTo("fast", 1);
77						},
78						function() {
79							li.not(".active").children("img").fadeTo("fast", formattedThumbnailOpacity);
80						}
81					)
82				},
83				preloads: <%= preloads %>,
84				fastSteps: <%= fastNavigationStep %>,
85				onPrev: function() {
86					$.imageScroller.scrollLeft();
87				},
88				onNext: function() {
89					$.imageScroller.scrollRight();
90				},
91				onPrevFast: function() {
92					$.imageScroller.fastScrollLeft();
93				},
94				onNextFast: function() {
95					$.imageScroller.fastScrollRight();
96				},
97				enableSlideshow : <%= slideshowEnable %>,
98				autostartSlideshow : <%= slideshowAutostart %>,
99				slideshowDelay : <%= slideshowDelay %>,
100				onSlideshowPlayed : function() {
101					$('.play').hide();
102					$('.pause').show();
103				},
104				onSlideshowPaused : function() {
105					$('.play').show();
106					$('.pause').hide();
107				}
108			});
109
110			$.galleria.loader = $("<div></div>").addClass("loader").append($(new Image()).attr("src","${resPath}/loader.gif").attr("title","$text.content.loading"));
111
112			prepareArrow = function(arrow) {
113				arrow.css({display: "none", opacity: <%= arrowOpacity %>, "padding-top": "<%= (thumbItemSize - thumbnailMargin) > arrowHeight ? ((thumbItemSize - thumbnailMargin) - arrowHeight)/2 : 0 %>px"}).fadeIn( <%= arrowFadeIn %>);
114				arrow.hover(
115					function() {
116						arrow.fadeTo("fast", 1);
117					},
118					function() {
119						arrow.fadeTo("fast", <%= arrowOpacity %>);
120					}
121				);
122			}
123
124			var leftArrow = $("#left_arrow");
125			prepareArrow(leftArrow);
126			leftArrow.click(function() {
127				$.galleria.prev();
128			});
129
130			var rightArrow = $("#right_arrow");
131			prepareArrow(rightArrow);
132			rightArrow.click(function() {
133				$.galleria.next();
134			});
135
136			if (<%= fastNavigation %>) {
137				var leftFastArrow = $("#left_fast_arrow");
138				prepareArrow(leftFastArrow);
139				leftFastArrow.click(function() {
140					$.galleria.prevFast();
141				});
142
143				var rightFastArrow = $("#right_fast_arrow");
144				prepareArrow(rightFastArrow);
145				rightFastArrow.click(function() {
146					$.galleria.nextFast();
147				});
148			}
149		});
150
151		$(document).bind("keydown", "left", function() {
152			if (!KeyboardNavigation.widgetHasFocus()) {
153				$.galleria.prev();
154			}
155		});
156		$(document).bind("keydown", "right", function() {
157			if (!KeyboardNavigation.widgetHasFocus()) {
158				$.galleria.next();
159			}
160		});
161		$(document).bind("keydown", "space", function() {
162			if (!KeyboardNavigation.widgetHasFocus()) {
163				$.galleria.toggleSlideshow();
164			}
165		});
166
167		var KeyboardNavigation = {
168			widgetHasFocus: function() {
169				if(typeof _jaWidgetFocus != 'undefined' && _jaWidgetFocus) {
170					return true;
171				}
172				return false;
173			}
174		}
175	//--><!]]></script>
176</ja:if>
177<ja:if test="<%= folders %>">
178	<script type="text/javascript"><!--//--><![CDATA[//><!--
179		var formattedFolderIconOpacity = ${unformattedFolderIconOpacity}/100;
180
181		$(function() {
182			$("ul.folders li a").css({display: "none", opacity: formattedFolderIconOpacity}).fadeIn(<%= folderFadeIn %>).hover(
183				function() {
184					$(this).fadeTo("fast", 1);
185				},
186				function() {
187					$(this).fadeTo("fast", formattedFolderIconOpacity);
188				}
189			);
190		});
191	//--><!]]></script>
192</ja:if>
193