+
+/**
+ * get the user-selected date from the calendar and
+ * put it into the date-search boxes
+ */
+function setCalendarDate(year, month, day)
+{
+ document.getElementById(calendar_mode+'year').value = year;
+ document.getElementById(calendar_mode+'month').value = month;
+ document.getElementById(calendar_mode+'day').value = day;
+ hideCalendar();
+
+} // setCalendarDate()
+
+/**
+ * reset phpfspot complelely and move to the begining
+ */
+function resetAll()
+{
+ HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=reset'));
+ clearSearch();
+ refreshAvailableTags();
+ refreshSelectedTags();
+ refreshPhotoIndex();
+
+} // resetAll()
+
+/**
+ * find objects with their class-name
+ */
+function WSR_getElementsByClassName(oElm, strTagName, oClassNames){
+ var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
+ var arrReturnElements = new Array();
+ var arrRegExpClassNames = new Array();
+ if(typeof oClassNames == "object"){
+ for(var i=0; i<oClassNames.length; i++){
+ arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames[i].replace(/-/g, "\-") + "(\s|$)"));
+ }
+ }
+ else{
+ arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames.replace(/-/g, "\-") + "(\s|$)"));
+ }
+ var oElement;
+ var bMatchesAll;
+ for(var j=0; j<arrElements.length; j++){
+ oElement = arrElements[j];
+ bMatchesAll = true;
+ for(var k=0; k<arrRegExpClassNames.length; k++){
+ if(!arrRegExpClassNames[k].test(oElement.className)){
+ bMatchesAll = false;
+ break;
+ }
+ }
+ if(bMatchesAll){
+ arrReturnElements.push(oElement);
+ }
+ }
+ return (arrReturnElements)
+
+} // WSR_getElementsByClassName()
+
+/**
+ * javascript based photo preloading
+ */
+function preloadPhotos(image_url) {
+
+ var i;
+ var timeout = 1000;
+ var waiting = 100;
+ var counting;
+
+ lbImg=WSR_getElementsByClassName(document,"img","thumb");
+ for(i=0;i<lbImg.length;i++){
+ lbImg[i].src=image_url[i];
+ // to not bomb the server with requests, give the page some time
+ // to load the images one by one. if a image exceeds the timeout,
+ // the next image will be loaded.
+ if(lbImg[i].complete != undefined && lbImg[i].complete != true) {
+ counting = 0;
+ while(lbImg[i].complete != true && counting < timeout) {
+ window.setTimeout("noop()", waiting);
+ counting+=waiting;
+ }
+ }
+ }
+
+} // preloadPhotos()
+
+/* a function that does nothing */
+function noop() {}
+
+/**
+ * start slideshow
+ */
+function startSlideShow()
+{
+ if(!sliding) {
+ HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=reset_slideshow'));
+ nextSlide();
+ sliding = setInterval("nextSlide()", sliding_time*1000);
+ document.getElementById('stop_ico').src = web_path + "/resources/32_stop.png";
+ }
+ else {
+ clearInterval(sliding);
+ sliding = 0;
+ document.getElementById('stop_ico').src = web_path + "/resources/32_play.png";
+ }
+
+} // startSlideShow()
+
+/**
+ * switch to next slide
+ */
+function nextSlide()
+{
+ var next_img = HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=get_next_slideshow_img'));
+ document.getElementById('slide_img').src = next_img;
+
+} // nextSlide()
+
+/**
+ * switch to previous slide
+ */
+function prevSlide()
+{
+ var prev_img = HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=get_prev_slideshow_img'));
+ document.getElementById('slide_img').src = prev_img;
+
+} // prevSlide()
+
+/**
+ * interrupt slide show
+ */
+function pauseSlideShow()
+{
+ if(!sliding_paused) {
+ sliding_paused = 1;
+ clearInterval(sliding);
+ document.getElementById('pause_ico').src = web_path + "/resources/32_play.png";
+ }
+ else {
+ sliding_paused = 0;
+ sliding = setInterval("nextSlide()", sliding_time*1000);
+ document.getElementById('pause_ico').src = web_path + "/resources/32_pause.png";
+ }
+
+} // pauseSlideShow()
+
+/**
+ * start auto-browse
+ */
+function startAutoBrowse()
+{
+ if(!autobrowse) {
+ autoBrowse();
+ autobrowse = setInterval("autoBrowse()", 5000);
+ }
+ else {
+ clearInterval(autobrowse);
+ autobrowse = 0;
+ document.getElementById('autobrowse_ico').src = web_path + "/resources/32_play.png";
+ }
+
+} // startAutoBrowser()
+
+/**
+ * auto-browsing
+ */
+function autoBrowse()
+{
+ if(document.getElementById('next_link')) {
+ var next_link = document.getElementById('next_link').href;
+ window.location.href = next_link;
+ document.getElementById('autobrowse_ico').src = web_path + "/resources/32_pause.png";
+ }
+ /* we have reached the last photo */
+ else {
+ if(ab_ico = document.getElementById('autobrowse_ico'))
+ ab_ico.src = web_path + "/resources/32_play.png";
+ clearInterval(autobrowse);
+ }
+
+} // autoBrowse()
+
+/**
+ * initiate slider to modify slide-switching-speed
+ */
+function initSlider()
+{
+ var sliderEl = document.getElementById ? document.getElementById("slider-1") : null;
+ var inputEl = document.forms[0]["slider-input-1"];
+ var s = new Slider(sliderEl, inputEl);
+ s.setMinimum(1);
+ s.setMaximum(10);
+ s.setValue(sliding_time);
+ document.getElementById("current_slide_time").innerHTML = sliding_time + "s Interval";
+ s.onchange = function () {
+ sliding_time = s.getValue();
+ document.getElementById("current_slide_time").innerHTML = sliding_time + "s Interval";
+ if(!sliding_paused && sliding) {
+ clearInterval(sliding);
+ sliding = setInterval("nextSlide()", sliding_time*1000);
+ }
+ };
+ window.onresize = function () {
+ s.recalculate();
+ };
+
+} // initSlider()
+
+/**
+ * if the sort-order (photo-name, date, ...) has been
+ * changed, update the photo-index view.
+ */
+function update_sort_order(obj)
+{
+ var objTemp = new Object();
+ objTemp['value'] = obj.options[obj.selectedIndex].value;
+
+ var retr = HTML_AJAX.post(web_path + '/rpc.php?action=update_sort_order', objTemp);
+
+ if(retr == "ok") {
+ showPhotoIndex();
+ }
+ else {
+ window.alert("Server message: "+ retr);
+ }
+
+} // update_sort_order()
+
+/**
+ * handle key events
+ */
+function keyDown(e) {
+ var evt = (e) ? e:(window.event) ? window.event:null;
+
+ if(evt) {
+ var key = (evt.charCode) ? evt.charCode :
+ ((evt.keyCode) ? evt.keyCode : ((evt.which) ? evt.which : 0));
+
+
+ if(key == 37) /* left curosr */ {
+ if(document.getElementById('prev_link')) {
+ var prev_link = document.getElementById('prev_link').href;
+ window.location.href = prev_link;
+ }
+ return;
+ }
+ if(key == 38) /* up cursor */ {
+ }
+ if(key == 39) /* right curosr */ {
+ if(document.getElementById('next_link')) {
+ var next_link = document.getElementById('next_link').href;
+ window.location.href = next_link;
+ }
+ return;
+ }
+ if(key == 73 && evt.altKey && evt.ctrlKey) /* ctrl+alt+i */ {
+ showPhotoIndex();
+ return;
+ }
+ if(key == 82 && evt.altKey && evt.ctrlKey) /* ctrl+alt+r */ {
+ resetAll();
+ return;
+ }
+ }
+}
+
+document.onkeydown=keyDown;
+if(document.layers) {
+ document.captureEvents(Event.KEYDOWN);
+}
+
+// will be reseted by first viewing photo-index
+var startup = 1;
+// calendar specific
+var calendar_shown = 0;
+var calendar_mode = '';
+// auto-browsing & sliding
+var autobrowse = 0;
+var sliding = 0;
+var sliding_paused = 0;
+var sliding_time = 3;
+// zooming
+var origHeight;
+var origWidth;
+// position of the last shown photo in photo-index
+var photo_details_pos;
+var web_path;