+ document.getElementsByName('searchfor_tag')[0].value = '';
+ document.getElementsByName('searchfor_name')[0].value = '';
+
+ if(document.getElementsByName('consider_date')[0].checked == true) {
+ document.getElementsByName('consider_date')[0].checked = false;
+ datesearch();
+ }
+
+} // clearSearch()
+
+/**
+ * if the client is planless, ask the server what to do
+ * next.
+ */
+function AskServerWhatToDo()
+{
+ return HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=what_to_do'));
+
+} // AskServerWhatToDo()
+
+/**
+ * init phpfspot
+ *
+ * this function will be called when the browser opens phpfspot
+ * the first time. It will fetch the tag-lists and will then
+ * switch to the right view, which the browser got told from
+ * the server (maybe someone hit the refresh button...).
+ *
+ * as parameter the server can set the correct webpath.
+ * espacialley when using user-friendly url's, the browser
+ * does not know the correct URLs to address images, stylesheets,
+ * ... then.
+ */
+function init_phpfspot(srv_webpath)
+{
+ if(srv_webpath != undefined)
+ web_path = srv_webpath;
+ else
+ web_path = '';
+
+ /* always load list of available tags */
+ refreshAvailableTags();
+
+ /* ask the server what we are currently displaying */
+ whattodo = AskServerWhatToDo();
+
+ window.alert(whattodo);
+
+ if(whattodo == 'showpi' || whattodo == 'showpi_date') {
+ showPhotoIndex();
+ }
+ if(whattodo == 'showpi_tags') {
+ refreshSelectedTags();
+ showPhotoIndex();
+ }
+ if(whattodo == 'show_photo') {
+ if(photo = getPhotoToShow()) {
+ showImage(photo);
+ refreshSelectedTags();
+ }
+ }
+
+} // init_phpfspot()
+
+/**
+ * change background-color on mouse-over
+ */
+function setBackGrdColor(item, color)
+{
+ if(color == 'mouseover')
+ item.style.backgroundColor='#c6e9ff';
+ if(color == 'mouseout')
+ item.style.backgroundColor='#eeeeee';
+ if(color == 'mouseclick')
+ item.style.backgroundColor='#93A8CA';
+
+} // setBackGrdColor()
+
+/**
+ * ask server, which photo needs to be shown
+ *
+ * when user press the refresh-button in a single-photo
+ * view or maybe enters the link via an external URL, the
+ * client does not know, what photo will be shown (dimensions...).
+ * But the server can tell this the browser.
+ */
+function getPhotoToShow()
+{
+ var photo_to_show = HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=get_photo_to_show'));
+
+ // if no image needs to be shown, return false from here
+ if(photo_to_show == "")
+ return false;
+
+ return photo_to_show;
+
+} // getPhotoToShow()
+
+/**
+ * a fake-zoom for photo
+ *
+ * a quick to let the browser do some zooming on
+ * photos.
+ */
+function zoom(mod)
+{
+ var photo;
+
+ if(mod == undefined)
+ return;
+
+ /* internet explorer */
+ if(document.images['photo'].width)
+ photo = document.images['photo'];
+
+ /* all others */
+ if(photo == undefined && document.getElementById('photo').width)
+ photo = document.getElementById('photo');
+
+ if(photo != undefined) {
+
+ if(origWidth == undefined)
+ origWidth = photo.width;
+ if(origHeight == undefined)
+ origHeight = photo.height;
+
+ if(mod != 0) {
+ new_w = photo.width * (1 + mod/100);
+ new_h = photo.height * (1 + mod/100);
+ photo.width = new_w;
+ photo.height = new_h;
+
+ if(photo_details_pos == undefined) {
+ photo_details_pos = findPos(document.getElementById('photo_details'),'left');
+ }
+
+ if((photo.offsetLeft + new_w) >= photo_details_pos-20) {
+ hidePhotoDetails('true');
+ }
+ else {
+ hidePhotoDetails('false');
+ }
+ }
+ else {
+ photo.width = origWidth;
+ photo.height = origHeight;
+ hidePhotoDetails('false');
+ }
+ }
+
+} // zoom()
+
+/**
+ * hides the photo details layin
+ *
+ * if the photo is getting zoomed quiet large, this will
+ * auto-hide (and also restore) the photo-details-box.
+ */
+function hidePhotoDetails(mode)
+{
+ var photo_details;
+
+ if(photo_details = document.getElementById('photo_details')) {
+ if(mode == 'true') {
+ photo_details.style.visibility = 'hidden';
+ photo_details.style.display = 'none';
+ }
+ else {
+ photo_details.style.visibility = 'visible';
+ photo_details.style.display = '';
+ }
+ }
+} // hidePhotoDetails()
+
+/**
+ * show calendar
+ */
+function showCalendar(date_box, click_obj)
+{
+ var calendar = document.getElementById('calendar');
+ var year = document.getElementById(date_box+'year').value;
+ var month = document.getElementById(date_box+'month').value;
+ if(date_box == 'from') {
+ var xpos = document.getElementById('frompic').offsetLeft;
+ var ypos = document.getElementById('frompic').offsetTop;
+ calendar_mode = 'from';
+ }
+ if(date_box == 'to') {
+ var xpos = document.getElementById('topic').offsetLeft;
+ var ypos = document.getElementById('topic').offsetTop;
+ calendar_mode = 'to';
+ }
+ calendar.style.left = xpos + 100 + 'px';
+ calendar.style.top = ypos + 80 + 'px';
+
+ if(calendar.style.visibility == "" || calendar.style.visibility == 'hidden') {
+ calendar.style.visibility = 'visible';
+ calendar.innerHTML = "Loading...";
+ calendar.innerHTML = HTML_AJAX.grab(encodeURI(web_path +'/rpc.php?action=get_calendar_matrix&year=' + year + '&month=' + month));
+ calendar_shown = 1;
+ }
+ else {
+ hideCalendar();
+ }
+
+} // showCalendar()
+
+/**
+ * hide calendar
+ */
+function hideCalendar()
+{
+ var calendar = document.getElementById('calendar');
+ if(calendar.style.visibility != 'hidden') {
+ calendar.style.visibility = 'hidden';
+ calendar_shown = 0;
+ }
+} // hideCalendar()
+
+/**
+ * switch month in calendar
+ */
+function setMonth(year, month, day)
+{
+ var calendar = document.getElementById('calendar');
+ calendar.innerHTML = "Loading...";
+ calendar.innerHTML = HTML_AJAX.grab(encodeURI(web_path + '/rpc.php?action=get_calendar_matrix&year='+ year +'&month='+ month +'&day='+ day));
+}
+
+/**
+ * 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;
+ }
+ }