Event.observe(window,'load',function(){gb_init();});
var gb_db = [
{time: 0, url:'indexer/p1.jpg', ocr:"M1\nw ragx YtMES\n\nEE E STSELLE R"}
,{time: 23220, url:'indexer/p2.jpg', ocr:"R                              M\nSun-Powered  ,Xylophone"}
,{time: 45220, url:'indexer/p3.jpg', ocr:"  eory of Robot Contro"}
,{time: 45220, url:'indexer/p4.jpg', ocr:"W i i sp GANGEINCLUDEDI ĈUINCLUN"}
];

function gb_init() {
    $('results_td').hide();
    $('q').focus();
    gb_send("indexing",{});
}

function gb_search(frm) {
    $('results_td').hide();
    var t0 = new Date().getTime();
    var latest_res = gb_db;
    var res = [];
    for (var i=0;i<gb_db.length;i++){
        if (gb_db[i].ocr.toLowerCase().indexOf(frm.q.value.toLowerCase())>=0) {
            res.push(gb_db[i]);
        }
    }
    $('results_td').show();
    $('results_count').innerHTML=res.length+' results for <b>'+frm.q.value+'</b> ('+((new Date().getTime()-t0))+' ms)';
    var html ='';
    for (var i=0;i<res.length;i++){
        html+="<div class='result'>";
            html+="<div class='ocr'>";
                html+=res[i].ocr;
            html+="</div>";
            html+="<div class='time'>";
                html+=new Date(res[i].time);
            html+="</div>";
            html+="<div class='image'>";
                html+="<a href='"+res[i].url+"'>";
                    html+="<img src='"+res[i].url+"' rel='lightbox' width='200' heigh='150'>";
                html+="</a>";
            html+="</div>";
        html+="</div>";
    }
    if (res.length==0) {
        html = "<center style='background-color:#ffffcd;border:1px solid black;padding:30px 3 30px 3;'><i>No results found. See latest results below</i></center>";
    }
    $('results_list').innerHTML=html;

    $('latest_results_count').innerHTML='<b>Latest '+latest_res.length+' Entries</b>';
    var html ='';
    for (var i=0;i<latest_res.length;i++){
        html+="<div class='result'>";
            html+="<div class='ocr'>";
                html+=latest_res[i].ocr;
            html+="</div>";
            html+="<div class='time'>";
                html+=new Date(latest_res[i].time);
            html+="</div>";
            html+="<div class='image'>";
                html+="<a href='"+latest_res[i].url+"'>";
                    html+="<img src='"+latest_res[i].url+"' rel='lightbox' width='200' heigh='150'>";
                html+="</a>";
            html+="</div>";
        html+="</div>";
    }
    $('latest_results_list').innerHTML=html;
    gb_includeSrc("js/lightbox.js");
    return false;
}

function gb_includeSrc(url) {
    var script = document.createElement('SCRIPT');
    script.src = url;
    script.type= 'text/javascript';
    document.getElementsByTagName('HEAD')[0].appendChild(script);
}

function gb_send(action, params) {
    new Ajax.Request('bot?action='+action,{method: 'get',parameters : params});
}