var im = new Image();
im.src='anim.gif';

var url = 'http://www.akidssite.com/search/globalsearch-back.php';
var working = false;
var workingon;

var http = get_http();

var ajax = true;

if (! http)
    ajax = false;

var onlymode = false;
var onlypage;

var onlypagelimits = [20, 30, 10];

function get_http()
{
    var xmlhttp;
    /*@cc_on
      @if (@_jscript_version >= 5)
        try
        {
            xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (E)
            {
                xmlhttp = false;
            }
        }
      @else
        xmlhttp = false;
      @end @*/
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
    {
        try
        {
            xmlhttp = new XMLHttpRequest();
        }
        catch (e)
        {
            xmlhttp = false;
        }
    }
    return xmlhttp;
}


var tim = -1;
function lookup(text)
{
    if (! ajax)
        return;
    if (http)
    {
        if (tim != -1)
            clearTimeout(tim);
        tim = setTimeout("processKeyPressing('"+text+"')", 300);
    }
}

function processKeyPressing(text)
{
    var form = document.search;

    cpages      = form.searchInColoringPages.checked ? 1 : 0;
    names       = form.searchInNames.checked ? 1 : 0;
    articles    = form.searchInArticles.checked ? 1 : 0;

    if (onlymode)
        onlypage = 1;

    sendRequest(text, cpages, names, articles);
}

function sendRequest(text, cpages, names, articles)
{
    if (text == '')
        return;

    if (working && workingon == text)
        return;

    if (working)
    {
        http.abort();
        working = false;
        setdone();
    }

    myurl = url + "?q=" + encodeURIComponent(text);

    if (cpages)     myurl += '&cpages';
    if (names)      myurl += '&names';
    if (articles)   myurl += '&articles';

    if (onlymode)   myurl += '&onlymode';
    if (onlypage != undefined)
        myurl += '&onlypage=' + onlypage;
    else
        onlypage = 1;


    //clearSection(cpages, names, articles);

    http.open("GET", myurl, true);
    if (! working)
        setbusy(cpages, names, articles);
    working = true;
    workingon = text;
    http.send(null);

    http.onreadystatechange = function()
    {
        if (http.readyState == 4 && http.status == 200)
        {
            working = false;
            if (text == document.search.search.value)
                update(http.responseText, cpages, names, articles);
        }

    }
}

function setbusy(cpages, names, articles)
{
    if (cpages)
        document.getElementById('coloringpagesroller').
            style.display = 'block';
    if (names)
        document.getElementById('namesroller').
            style.display = 'block';
    if (articles)
        document.getElementById('articlesroller').
            style.display = 'block';
}

function setdone()
{
    document.getElementById('coloringpagesroller').
        style.display = 'none';
    document.getElementById('namesroller').
        style.display = 'none';
    document.getElementById('articlesroller').
        style.display = 'none';
}

function printElement(elem)
{
    var out = '';
    switch (elem.type)
    {
        case 'coloring-page':
                out += '<li>';
                out += '<a href="' + elem.link + '">';
                out += '<img src="/images/' + elem.image + '">';
                out += '<br>';
                out += elem.etitle;
                out += '</a>';
                out += '</li>';
            break;
        case 'name':
                out += '<td><a href="' + (elem.link) + '">' + elem.name + '</a></td>';
                out += '<td>' + elem.gender + '</td>';
                out += '<td>' + elem.origin + '</td>';
                out += '<td>' + elem.meaning + '</td>';
                out += '</tr>';
            break;
        case 'article':
                out += '<div class=article>';
                out += '<div class=title><a href="' + elem.link + '">'
                    + elem.article_title + '</a>';
                out += '<div class=author>Written by ' + elem.author_name + '</div>';
                out += '<div class=time></div>';
                out += '</div>';

                out += '<div class=synopsis>';
                out += elem.article_synopsis;
                out += '</div>';

                out += '<div class=readmore>';
                out += '<a class=readmore href="' + elem.link + '">'
                    + 'Read More &raquo;</a>';
                out += '</div>';

                out += '</div>';
            break;
    }

    return out;
}

function printElements(elems)
{
    var out = '';

    if (elems.length == 0)
    {
        out = '<div class=nothing>nothing</div>';
        return out;
    }

    switch (elems[0].type)
    {
        case 'coloring-page':
                out += '<div id=content><ul>';
                for (var i = 0; i < elems.length; i++)
                    out += printElement(elems[i]);
                out += '</ul></div>';
            break;

        case 'name':
                out += '<table class=names cellspacing=0>';
                out += '    <tr class=header>';
                out += '        <td>Name</td>';
                out += '        <td>Gender</td>';
                out += '        <td>Origin</td>';
                out += '        <td>Meaning</td>';
                out += '    </tr>';

                var odd = 0;
                for (var i = 0; i < elems.length; i++)
                {
                    if (odd)
                        out += '<tr class=odd>';
                    else
                        out += '<tr>';
                    odd = ! odd;

                    out += printElement(elems[i]);
                }

                out += '</table>';
            break;

        case 'article':
                for (var i = 0; i < elems.length; i++)
                    out += printElement(elems[i]);
            break;
    }

    return out;
}

function fillSection(n, elems, idprefix)
{
    var out;

    var morestr = 'Click here to see other NUM results';

    out = printElements(elems);
    if (! onlymode && n > elems.length)
        more = morestr.replace(/NUM/, (n - elems.length));
    else
        more = '';
    document.getElementById(idprefix+'more').innerHTML = more
        document.getElementById(idprefix+'results').innerHTML = out;
}

function clearPages()
{
    document.getElementById('coloringpagespages').innerHTML = '';
    document.getElementById('namespages').innerHTML = '';
    document.getElementById('articlespages').innerHTML = '';
}

function fillPages(answer, cpages, names, articles)
{
    if (! onlymode)
    {
        clearPages();
        return;
    }

    var pages;
    if (cpages)
        pages = document.getElementById('coloringpagespages');
    if (names)
        pages = document.getElementById('namespages');
    if (articles)
        pages = document.getElementById('articlespages');

    var out = '';

    for (var i = 1; i <= answer.pages; i++)
    {
        if (i != onlypage)
            out += '<a href=# onClick=\'changePage('+i+'); return false\'>[' + i + ']</a> ';
        else
            out += '<big style="color: #b00"><b>['+i+']</b></big> ';
    }

    pages.innerHTML = out;
}

function update(ans, cpages, names, articles)
{
    setdone();

    eval(ans);

    var out = '';

    var morestr = 'Click here to see other NUM results';

    fillPages(answer, cpages, names, articles);

    if (cpages)
        fillSection(answer.coloring_pages_n, answer.coloring_pages, 'coloringpages');

    if (names)
        fillSection(answer.names_n, answer.names, 'names');

    if (articles)
        fillSection(answer.articles_n, answer.articles, 'articles');
}


function changePage(p)
{
    if (! onlymode)
        return;

    onlypage = p;

    var cpages = 0, names = 0, articles = 0;
    if (document.search.searchInColoringPages.checked)
        cpages = 1;
    if (document.search.searchInNames.checked)
        names = 1;
    if (document.search.searchInArticles.checked)
        articles = 1;

    sendRequest(document.search.search.value, cpages, names, articles);
}


function allSections()
{
    var form = document.search;
    form.searchInColoringPages.checked  = true;
    form.searchInNames.checked          = true;
    form.searchInArticles.checked       = true;
    document.getElementById('coloringpagessection').style.display =
        form.searchInColoringPages.checked ? 'block' : 'none';
    document.getElementById('namessection').style.display =
        form.searchInNames.checked ? 'block' : 'none';
    document.getElementById('articlessection').style.display =
        form.searchInArticles.checked ? 'block' : 'none';

    onlymode = false;
    sendRequest(form.search.value, 1, 1, 1);
//
//    onSearchInChanged(form.searchInColoringPages);
}

function onSearchInChanged(checkbox)
{
    var form = document.search;
    document.getElementById('coloringpagessection').style.display =
        form.searchInColoringPages.checked ? 'block' : 'none';
    document.getElementById('namessection').style.display =
        form.searchInNames.checked ? 'block' : 'none';
    document.getElementById('articlessection').style.display =
        form.searchInArticles.checked ? 'block' : 'none';

    if (checkbox.checked)
    {
        if (! onlymode)
            switch (checkbox.name)
            {
                case 'searchInColoringPages':
                    clearSection(1, 0, 0);
                    sendRequest(form.search.value, 1, 0, 0);
                    break;
                case 'searchInNames':
                    clearSection(0, 1, 0);
                    sendRequest(form.search.value, 0, 1, 0);
                    break;
                case 'searchInArticles':
                    clearSection(0, 0, 1);
                    sendRequest(form.search.value, 0, 0, 1);
                    break;
            }
        else
        {
            onlymode = false;
            sendRequest(form.search.value, 1, 1, 1);
        }
    }
}

function clearSection(cpages, names, articles)
{
    if (cpages)
        document.getElementById('coloringpagesresults').innerHTML = '';
    if (names)
        document.getElementById('namesresults').innerHTML = '';
    if (articles)
        document.getElementById('articlesresults').innerHTML = '';
}

function showSection(cpages, names, articles)
{
    document.getElementById('coloringpagessection').style.display
        = cpages ? 'block' : 'none';
    document.getElementById('namessection').style.display
        = names ? 'block' : 'none';
    document.getElementById('articlessection').style.display
        = articles ? 'block' : 'none';
    var form = document.search;
    form.searchInColoringPages.checked = cpages ? true : false;
    form.searchInNames.checked = names ? true : false;
    form.searchInArticles.checked = articles ? true : false;
}

function onlySection(cpages, names, articles)
{
    onlymode = 1;
    onlypage = undefined;
    showSection(cpages, names, articles);

    sendRequest(document.search.search.value, cpages, names, articles);
}