add a "already exist" when thumbnails are created on the command line. without it...
[phpfspot.git] / phpfspot.js
1 function showImage(id)
2 {
3    var image_div = document.getElementById("content");
4    image_div.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showphoto&id=' + id));
5 }
6
7 function showCredits()
8 {
9    var credits = document.getElementById("content");
10    credits.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showcredits'));
11 }
12
13 function Tags(mode, id)
14 {
15    if(mode == "add") {
16       // add the tag to users session
17       HTML_AJAX.grab(encodeURI('rpc.php?action=addtag&id=' + id));
18    }
19    else if(mode == "del") {
20       // del the tag from users session
21       HTML_AJAX.grab(encodeURI('rpc.php?action=deltag&id=' + id));
22    }
23    else if(mode == "condition") {
24       setCheckedValue(id, id.value);
25       HTML_AJAX.grab(encodeURI('rpc.php?action=tagcondition&mode=' + id.value));
26    }
27
28    refreshAvailableTags();
29    refreshSelectedTags();
30    refreshPhotoIndex();
31
32 }
33
34 function refreshAvailableTags()
35 {
36    // update available tags
37    var avail_tags = document.getElementById('available_tags');
38    avail_tags.innerHTML = "Loading...";
39    avail_tags.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_available_tags'));
40 }
41
42 function refreshSelectedTags()
43 {
44    // update selected tags
45    var selected_tags = document.getElementById("selected_tags");
46    selected_tags.innerHTML = "Loading...";
47    selected_tags.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_selected_tags'));
48 }
49
50 function showPhotoIndex(begin_with)
51 {
52    if(begin_with == undefined)
53       HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index'));
54    else
55       HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index&begin_with=' + begin_with));
56 }
57
58 // if photo index is currently shown, refresh it
59 function refreshPhotoIndex()
60 {
61    if(document.getElementById("matrix") != undefined || startup == 1) {
62       showPhotoIndex();
63       startup = 0;
64    }
65 }
66
67 function click(object)
68 {
69    if(object.blur)
70       object.blur();
71
72 }
73
74 // set the radio button with the given value as being checked
75 // do nothing if there are no radio buttons
76 // if the given value does not exist, all the radio buttons
77 // are reset to unchecked
78 function setCheckedValue(condition, value) {
79
80    var count = condition.length;
81    if(count == undefined) {
82       condition.checked = (condition.value == value.toString());
83       return;
84    }
85    for(var i = 0; i < count; i++) {
86       condition[i].checked = false;
87       if(condition[i].value == value.toString()) {
88          condition[i].checked = true;
89       }
90    }
91 }
92
93 function startSearch()
94 {
95    var searchfor = document.getElementsByName('searchfor')[0].value
96
97    from_year = document.getElementById('fromyear').value;
98    from_month = document.getElementById('frommonth').value;
99    from_day = document.getElementById('fromday').value;
100    from = from_year +"-"+ from_month +"-"+ from_day;
101    to_year = document.getElementById('toyear').value;
102    to_month = document.getElementById('tomonth').value;
103    to_day = document.getElementById('today').value;
104    to = to_year +"-"+ to_month +"-"+ to_day;
105
106    var request = 'rpc.php?action=search';
107
108    if(searchfor != "") {
109       request = request + '&for=' + searchfor;
110    }
111    
112    if(document.getElementsByName('consider_date')[0].checked == true) {
113       request = request + '&from='+ from +'&to='+ to;
114    }
115
116    var sort_order = document.getElementsByName('sort_order')[0];
117    request = request + '&sort_order='+ sort_order.options[sort_order.selectedIndex].value;
118
119    HTML_AJAX.grab(encodeURI(request));
120
121    refreshAvailableTags();
122    refreshSelectedTags();
123    showPhotoIndex();
124    
125 }
126
127 function datesearch()
128 {
129    var mode = true;
130
131    if(document.getElementsByName('consider_date')[0].checked == true) {
132       mode = false;
133    }
134       
135    document.getElementById('fromyear').disabled = mode;
136    document.getElementById('frommonth').disabled = mode;
137    document.getElementById('fromday').disabled = mode;
138    document.getElementById('toyear').disabled = mode;
139    document.getElementById('tomonth').disabled = mode;
140    document.getElementById('today').disabled = mode;
141  
142 }
143
144 function setViewMode(mode)
145 {
146    var exprt = document.getElementById('output');
147    exprt.innerHTML = "Loading...";
148    exprt.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=get_export&mode=' + mode));
149 }
150
151 function clearSearch()
152 {
153    document.getElementsByName('searchfor')[0].value = '';
154
155    if(document.getElementsByName('consider_date')[0].checked == true) {
156       document.getElementsByName('consider_date')[0].checked = false;
157       datesearch();
158    }  
159 }
160
161 function AskServerWhatToDo()
162 {
163    return HTML_AJAX.grab(encodeURI('rpc.php?action=what_to_do'));
164 }
165
166 function init_phpfspot()
167 {
168    refreshAvailableTags();
169
170    whattodo = AskServerWhatToDo();
171
172    if(whattodo == 'showpi' || whattodo == 'showpi_date') {
173       showPhotoIndex();
174    }
175    if(whattodo == 'showpi_tags') {
176       refreshSelectedTags();
177       showPhotoIndex();
178    }
179    if(whattodo == 'show_photo') {
180       if(photo = getPhotoToShow()) {
181          showImage(photo)
182          refreshSelectedTags();
183       }
184    }
185 }
186
187 function setBackGrdColor(item, color)
188 {
189    if(color == 'mouseover')
190       item.style.backgroundColor='#c6e9ff';
191    if(color == 'mouseout')
192       item.style.backgroundColor='#eeeeee';
193    if(color == 'mouseclick')
194       item.style.backgroundColor='#93A8CA';
195 }
196
197 function getPhotoToShow()
198 {
199    // update selected tags
200    var photo_to_show = HTML_AJAX.grab(encodeURI('rpc.php?action=get_photo_to_show'));
201
202    // if no image needs to be shown, return false from here
203    if(photo_to_show == "")
204       return false;
205    
206    return photo_to_show;
207 }
208
209 function showCalendar(date_box, click_obj)
210 {
211    var calendar = document.getElementById('calendar');
212    var year = document.getElementById(date_box+'year').value;
213    var month = document.getElementById(date_box+'month').value;
214    if(date_box == 'from') {
215       var xpos = document.getElementById('frompic').offsetLeft;
216       var ypos = document.getElementById('frompic').offsetTop;
217       calendar_mode = 'from';
218    }
219    if(date_box == 'to') {
220       var xpos = document.getElementById('topic').offsetLeft;
221       var ypos = document.getElementById('topic').offsetTop;
222       calendar_mode = 'to';
223    }
224    calendar.style.left = xpos + 100 + 'px';
225    calendar.style.top = ypos + 80 + 'px';
226
227    if(calendar.style.visibility == "" || calendar.style.visibility == 'hidden') {
228       calendar.style.visibility = 'visible';
229       calendar.innerHTML = "Loading...";
230       calendar.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=get_calendar_matrix&year=' + year + '&month=' + month));
231       calendar_shown = 1;
232    }
233    else {
234       hideCalendar();
235    }
236 }
237
238 function hideCalendar()
239 {
240    var calendar = document.getElementById('calendar');
241    if(calendar.style.visibility != 'hidden') {
242       calendar.style.visibility = 'hidden';
243       calendar_shown = 0;
244    }
245 }
246
247 function setMonth(year, month, day)
248 {
249    var calendar = document.getElementById('calendar');
250    calendar.innerHTML = "Loading...";
251    calendar.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=get_calendar_matrix&year='+ year +'&month='+ month +'&day='+ day));
252 }
253
254 function setCalendarDate(year, month, day)
255 {
256    document.getElementById(calendar_mode+'year').value = year;
257    document.getElementById(calendar_mode+'month').value = month;
258    document.getElementById(calendar_mode+'day').value = day;
259    hideCalendar();
260 }
261
262 function resetAll()
263 {
264    HTML_AJAX.grab(encodeURI('rpc.php?action=reset'));
265    clearSearch();
266    refreshAvailableTags();
267    refreshSelectedTags();
268    refreshPhotoIndex();
269 }
270
271 function WSR_getElementsByClassName(oElm, strTagName, oClassNames){
272    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
273    var arrReturnElements = new Array();
274    var arrRegExpClassNames = new Array();
275    if(typeof oClassNames == "object"){
276       for(var i=0; i<oClassNames.length; i++){
277          arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames[i].replace(/-/g, "\-") + "(\s|$)"));
278       }
279    }
280    else{
281       arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames.replace(/-/g, "\-") + "(\s|$)"));
282    }
283    var oElement;
284    var bMatchesAll;
285    for(var j=0; j<arrElements.length; j++){
286       oElement = arrElements[j];
287       bMatchesAll = true;
288       for(var k=0; k<arrRegExpClassNames.length; k++){
289          if(!arrRegExpClassNames[k].test(oElement.className)){
290             bMatchesAll = false;
291             break;
292          }
293       }
294       if(bMatchesAll){
295          arrReturnElements.push(oElement);
296       }
297    }
298    return (arrReturnElements)
299 }
300
301
302 function preloadPhotos(lbImg) {
303
304    var d=document;
305    if(d.images)
306       if(!d.photos)
307          d.photos=new Array();
308
309    var i, j=d.photos.length;
310
311    lbImg=WSR_getElementsByClassName(document,"img","thumb");
312    for(i=0;i<lbImg.length;i++){
313       d.photos[j]=new Image;
314       d.photos[j].src=lbImg[i].src;
315       j++;
316    }
317 }
318
319 function startSlideShow()
320 {
321    if(!sliding) {
322       HTML_AJAX.grab(encodeURI('rpc.php?action=reset_slideshow'));
323       nextSlide();
324       sliding = setInterval("nextSlide()", sliding_time*1000);
325       document.getElementById('stop_ico').src = "resources/32_stop.png";
326    }
327    else {
328       clearInterval(sliding);
329       sliding = 0;
330       document.getElementById('stop_ico').src = "resources/32_play.png";
331    }
332 }
333
334 function nextSlide()
335 {
336    next_img = HTML_AJAX.grab(encodeURI('rpc.php?action=get_next_slideshow_img'));
337    document.getElementById('slide_img').src = next_img;
338 }
339
340 function prevSlide()
341 {
342    prev_img = HTML_AJAX.grab(encodeURI('rpc.php?action=get_prev_slideshow_img'));
343    document.getElementById('slide_img').src = prev_img;
344 }
345
346 function pauseSlideShow()
347 {
348    if(!sliding_paused) {
349       sliding_paused = 1;
350       clearInterval(sliding);
351       document.getElementById('pause_ico').src = "resources/32_play.png";
352    }
353    else {
354       sliding_paused = 0;
355       sliding = setInterval("nextSlide()", sliding_time*1000);
356       document.getElementById('pause_ico').src = "resources/32_pause.png";
357    }
358
359
360 function startAutoBrowse()
361 {
362    if(!autobrowse) {
363       autoBrowse();
364       autobrowse = setInterval("autoBrowse()", 5000);
365    }
366    else {
367       clearInterval(autobrowse);
368       autobrowse = 0;
369       document.getElementById('autobrowse_ico').src = "resources/32_play.png";
370    }
371
372 }
373 function autoBrowse()
374 {
375    if(document.getElementById('next_link')) {
376       var next_link = document.getElementById('next_link').href;
377       window.location.href = next_link;
378       document.getElementById('autobrowse_ico').src = "resources/32_pause.png";
379    }
380 }  
381
382 function initSlider()
383 {
384    var sliderEl = document.getElementById ? document.getElementById("slider-1") : null;
385    var inputEl = document.forms[0]["slider-input-1"];
386    var s = new Slider(sliderEl, inputEl);
387    s.setMinimum(1);
388    s.setMaximum(10);
389    s.setValue(sliding_time);
390    document.getElementById("current_slide_time").innerHTML = sliding_time + "s Interval";
391    s.onchange = function () {
392       sliding_time = s.getValue();
393       document.getElementById("current_slide_time").innerHTML = sliding_time + "s Interval";
394       if(!sliding_paused && sliding) {
395          clearInterval(sliding);
396          sliding = setInterval("nextSlide()", sliding_time*1000);
397       }
398    };
399    window.onresize = function () {
400       s.recalculate();
401    };
402
403 }
404
405 var startup = 1;
406 var calendar_shown = 0;
407 var calendar_mode = '';
408 var autobrowse = 0;
409 var sliding = 0;
410 var sliding_paused = 0;
411 var sliding_time = 3;