issue31, a mini preview of the previous and next photo is now shown in a single photo...

[phpfspot.git] / phpfspot.js

diff --git a/phpfspot.js b/phpfspot.js
index 523bc4d581f26f4679f315def2614eb29a96080e..4b6a640eaf2d86bb45e73a4be199d1c8a8c05e73 100644 (file)
--- a/phpfspot.js
+++ b/phpfspot.js
@@ -1,13 +1,13 @@
 function showImage(id)
 {
-   content = document.getElementById("content");
-   content.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showphoto&id=' + id));
+   var image_div = document.getElementById("content");
+   image_div.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showphoto&id=' + id));
 }
 
 function showCredits()
 {
-   content = document.getElementById("content");
-   content.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showcredits'));
+   var credits = document.getElementById("content");
+   credits.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showcredits'));
 }
 
 function Tags(mode, id)
@@ -21,7 +21,8 @@ function Tags(mode, id)
       HTML_AJAX.grab(encodeURI('rpc.php?action=deltag&id=' + id));
    }
    else if(mode == "reset") {
-      HTML_AJAX.grab(encodeURI('rpc.php?action=resettags'));
+      HTML_AJAX.grab(encodeURI('rpc.php?action=reset'));
+      clearSearch();
    }
    else if(mode == "condition") {
       setCheckedValue(id, id.value);
@@ -37,20 +38,32 @@ function Tags(mode, id)
 function refreshAvailableTags()
 {
    // update available tags
-   content = document.getElementById("available_tags");
-   content.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_available_tags'));
+   var avail_tags = document.getElementById('available_tags');
+   avail_tags.innerHTML = "Loading...";
+   avail_tags.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_available_tags'));
 }
 
 function refreshSelectedTags()
 {
    // update selected tags
-   content = document.getElementById("selected_tags");
-   content.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_selected_tags'));
+   var selected_tags = document.getElementById("selected_tags");
+   selected_tags.innerHTML = "Loading...";
+   selected_tags.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_selected_tags'));
+
+   // if no tags are currently selected, return false from here
+   if(selected_tags.innerHTML == "")
+      return false;
+   
+   return true;
+
 }
 
-function showPhotoIndex()
+function showPhotoIndex(begin_with)
 {
-   HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index'));
+   if(begin_with == undefined)
+      HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index'));
+   else
+      HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index&begin_with=' + begin_with));
 }
 
 function showBubbleDetails(object, id, direction)
@@ -61,8 +74,9 @@ function showBubbleDetails(object, id, direction)
 // if photo index is currently shown, refresh it
 function refreshPhotoIndex()
 {
-   if(document.getElementById("matrix") != undefined) {
+   if(document.getElementById("matrix") != undefined || startup == 1) {
       showPhotoIndex();
+      startup = 0;
    }
 }
 
@@ -92,18 +106,43 @@ function setCheckedValue(condition, value) {
    }
 }
 
-function startSearch(searchfor)
+function startTagSearch(searchfor)
 {
-   HTML_AJAX.grab(encodeURI('rpc.php?action=search&for=' + searchfor));
-
-   Tags('reset', 0);
-
+   HTML_AJAX.grab(encodeURI('rpc.php?action=tag_search&for=' + searchfor));
    refreshAvailableTags();
    refreshSelectedTags();
    showPhotoIndex();
+
+}
+
+function setViewMode(mode)
+{
+   window.alert(mode);
 }
 
 function clearSearch()
 {
    document.getElementsByName('searchfor')[0].value = '';
 }
+
+function init_phpfspot()
+{
+   refreshAvailableTags();
+
+   if(refreshSelectedTags()) {
+      showPhotoIndex();
+   }
+}
+
+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';
+}
+
+var startup = 1;
+