/* contains all the data about the pictures (set after the page is
loaded) */
var search_data;
function get_query_variable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return '';
}
/* Remove the loading message and get the search data
*/
function page_loaded() {
search_data = sd;
if (document.getElementById){
document.getElementById('loading').style.visibility='hidden';
} else {
if (document.layers){ //NS4
document.loading.visibility = 'hidden';
} else { //IE4
document.all.loading.style.visibility = 'hidden';
}
}
search_string = decodeURIComponent(get_query_variable('q'));
set_search_string(search_string);
var word_search = get_query_variable('w');
if (word_search=='1') {
word_search = true;
} else {
word_search = false;
}
document.getElementById('search_word').checked = word_search;
perform_search(search_string, word_search);
if (document.layers) {
document.captureEvents(Event.KEYPRESS);
}
}
/* Return a copy of str, translating all occurrences of each character
in from to the corresponding character in to
*/
String.prototype.strtr = function(from, to)
{
var s, p, c1, c2, c3;
if(! this.length || from.length != to.length) return;
s = this;
for(var i=0; i <this.length; i++) {
c1 = this.substr(i,1);
for(var j=0; j<from.length; j++) {
c2 = from.substr(j,1);
c3 = to.substr(j,1);
if(c1 == c2) {
p = new RegExp(c2,'gi');
s = s.replace(p,c3);
}
}
}
return s;
};
/* Return a copy of str, removing all accents in it
*/
function remove_accents(string) {
return string.strtr(
"ÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝßàáâãäåæçèéêëìíîïðñòóôõöøùúûüýÿ",
"AAAACEEEEIIIIDNOOOOOOUUUUYsaaaaaaaceeeeiiiionoooooouuuuyy");
}
/* set the string in the query input
*/
function set_search_string(search_string) {
var input = document.getElementById('search_string');
input.value = search_string;
}
/* return the string entered by the user, normalized
*/
function get_search_string() {
var input = document.getElementById('search_string');
var search_string = remove_accents(input.value.toLowerCase());
return search_string;
}
/* return a list of keywords from the string entered by user
*/
function get_keywords(search_string, word_search) {
if (! search_string ) {
return new Array;
}
keywords = search_string.split(/[^a-z0-9]+/i);
var result = new Array;
for (var i=0; i<keywords.length; i++) {
if (keywords[i]) {
if (word_search) {
result[result.length] = " " + keywords[i] + " ";
} else {
result[result.length] = keywords[i];
}
}
}
return result;
}
/* replace a %parameter% in the template by its value
*/
function set_value(template, parameter, value) {
re = new RegExp("%"+parameter+"%", "g");
return template.replace(re, value)
}
/* display one found result in the page
*/
function display_result(results, image) {
result = result_html;
result = set_value(result, 'url', image.url);
result = set_value(result, 'thumb_url', image.thumb_url);
result = set_value(result, 'album_url', image.album_url);
result = set_value(result, 'album_title', image.album_title);
result = set_value(result, 'title', image.title);
result = set_value(result, 'thumb_width', image.width);
result = set_value(result, 'thumb_height', image.height);
results.innerHTML += result;
}
/* update the status string on the page
*/
function update_status(status, found) {
status.firstChild.nodeValue = "Search in progress: " + found.toString() +" found";
}
/* return true if all keywords (array of string) match the string s
*/
function match(keywords, s){
for (var i=0 ; i<keywords.length ; i++) {
if (keywords[i] && s.indexOf(keywords[i]) == -1) {
return false;
}
}
return true;
}
/* perform the search when the page is loaded
*/
function perform_search(search_string, word_search) {
if (! (document.getElementById || document.createElement)){
alert("Your browser doesn't support the Level 1 DOM");
return;
}
var limit = 50;
var found = 0;
var keywords = get_keywords(search_string, word_search);
if (keywords.length == 0) {
return;
}
var results = document.getElementById('results');
results.innerHTML = "";
var status = document.getElementById('status');
update_status(status, found);
for (var i=0 ; i<search_data.length; i++) {
image = search_data[i];
if (match(keywords, image.search_string)) {
if (found>= limit) {
var status_string = "Too many results, only the first %d are displayed. Try to refine your search.";
// WTF ? Not sprintf in javascript ? OK, so I code dirty
status_string = status_string.replace(/%d/, found.toString());
status.firstChild.nodeValue = status_string;
return;
}
update_status(status, found++);
display_result(results, image)
}
}
var status_string = "Search completed: %d found";
// For dirty hacking remark, see above comment
status_string = status_string.replace(/%d/, found.toString());
status.firstChild.nodeValue = status_string;
return;
}
/* if user has pressed return in the input field, validate the search
*/
function process_key(e) {
if (window.event) {
if (window.event.type == "keypress" & window.event.keyCode == 13)
reload_page();
}
if (e) {
if (e.type == "keypress" & e.keyCode == 13) {
reload_page();
}
}
}
/* Reload the page when the user click the search button
*/
function reload_page() {
var search_string = get_search_string();
var word_search = document.getElementById('search_word').checked;
if (search_string) {
search_string = encodeURIComponent(search_string)
if (word_search) {
search_string += "&w=1";
}
location.href = location.pathname + "?q=" + search_string;
}
}