/*************************
* - www.ucreation.nl    *
*************************
Dit document bevat JavaScript/jQuery codering. 
*/

bvk_googlesitesearch_pi1_suggestion = new Object();
bvk_googlesitesearch_pi1_suggestion.searchSuggestions = new Array();

bvk_googlesitesearch_pi1_suggestion.attachSuggestion = function (value, form_id) {
    // Action when the value is empty
    if (value == '') {
        // No IE
        if (!$.browser.msie) {
            jQuery('#' + form_id + ' .bvk_search_suggestion').val('');
        }
        jQuery('#' + form_id + ' .bvk_suggestion_box').hide().children('table').children('tbody').html('');
        // Action when the value is not empty
    } else {
        // Array with content for  the suggestion box
        bvk_googlesitesearch_pi1_suggestion.getSuggestions(value, form_id);
    }
}

bvk_googlesitesearch_pi1_suggestion.fillSuggestion = function (value, form_id) {
    // Show the suggestion box
    jQuery('#' + form_id + ' .bvk_suggestion_box').show();
    // Give old suggestions a class 'old' so whe can remove the current rows after the new connection
    jQuery('#' + form_id + ' .bvk_suggestion_box table tbody').children('.suggestionrow').addClass('old');
    // Loop the array when there are more than 0 results
    if (bvk_googlesitesearch_pi1_suggestion.searchSuggestions != false) {
        jQuery.each(bvk_googlesitesearch_pi1_suggestion.searchSuggestions, function (i, val) {
            // The first suggestion is our shadow
            if (i == 0) {
                var size = value.length;
                var shadow = value;
                shadow += val.substr(size);
                // No IE
                if (!$.browser.msie) {
                    jQuery('#' + form_id + ' .bvk_search_suggestion').val(shadow);
                }
            }
            if (i <= 4) {
                // Create some html rows
                jQuery('<tr></tr>').addClass('suggestionrow').appendTo('#' + form_id + ' .bvk_suggestion_box table tbody');
                jQuery('<td></td>').html(val).appendTo('#' + form_id + ' .bvk_suggestion_box table tbody tr:last');
                jQuery('#' + form_id + ' .bvk_suggestion_box table tbody .old').remove();
            }
        });
        // Hover class
        jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr').mouseenter(function () {
            if (jQuery('#' + form_id + ' .bvk_memory_arrows_originalvalue').val() != '') {
                jQuery('#' + form_id + ' .bvk_seachinput').val(jQuery('#' + form_id + ' .bvk_memory_arrows_originalvalue').val());
                jQuery('#' + form_id + ' .bvk_search_suggestion').val(jQuery('#' + form_id + ' .bvk_memory_arrows_originalvalue').val());
            }
            jQuery('#' + form_id + ' .bvk_memory_arrows').val(0);
            jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr').removeClass('hover');
            jQuery(this).addClass('hover');
        }).mouseleave(function () {
            jQuery(this).removeClass('hover');
        });
        jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr').click(function () {
            // No IE
            if (!$.browser.msie) {
                jQuery('#' + form_id + ' .bvk_search_suggestion').html(jQuery(this).children('td').html());
            }
            jQuery('#' + form_id + ' .bvk_suggestion_box').hide().children('table').children('tbody').html('');
            jQuery('#' + form_id + ' .bvk_textinput input').val(jQuery(this).children('td').text());
            jQuery('#' + form_id).closest('form').submit();
        });
        // There are no suggestions, close the suggestion box
    } else {
        jQuery('#' + form_id + ' .bvk_search_suggestion').val('');
        // No IE
        if (!$.browser.msie) {
            jQuery('#' + form_id + ' .bvk_search_suggestion').html(jQuery(this).children('td').html());
        }
        jQuery('#' + form_id + ' .bvk_suggestion_box').hide().children('table').children('tbody').html('');
    }
}

bvk_googlesitesearch_pi1_suggestion.closeAutocomplete = function () {
    // No IE
    if (!$.browser.msie) {
        jQuery('.bvk_search_suggestion').html(jQuery(this).children('td').html());
    }
    jQuery('.bvk_suggestion_box').hide().children('table').children('tbody').html('');
    jQuery('.bvk_textinput input').val(jQuery(this).children('td').text());
}

bvk_googlesitesearch_pi1_suggestion.decode_utf8 = function (s) { return decodeURIComponent(escape(s)); }
bvk_googlesitesearch_pi1_suggestion.getSuggestions = function (value, form_id) {
    
    $.ajax({
        url: '/index.php',
        type: 'GET',
        dataType: 'html',
        processData: false,
        data: 'eID=bvk_googlesitesearch_suggest&bvk_googlesitesearch[cx]=' + $('input[name="bvk_googlesitesearch[cx]"]').val() + '&bvk_googlesitesearch[q]=' + bvk_googlesitesearch_pi1_suggestion.sanitzeInput(value),
        success: function (text) {
            text = bvk_googlesitesearch_pi1_suggestion.decode_utf8(text);
            bvk_googlesitesearch_pi1_suggestion.searchSuggestions = (text.length > 0) ? text.split(',') : false;
            bvk_googlesitesearch_pi1_suggestion.fillSuggestion(value, form_id);
        }
    });
}
bvk_googlesitesearch_pi1_suggestion.sanitzeInput = function (str) {
    // URL-encodes string  
    // version: 1008.1718
    // discuss at: http://phpjs.org/functions/urlencode    // +   original by: Philip Peterson
    return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
}

// jQuery document ready
jQuery(document).ready(function () {

    // Each bvk_googlesitesearch_pi1
    jQuery('.bvk_googlesitesearch_pi1').each(function (i) {
        // Give every form a unique id
        jQuery(this).attr({ 'id': 'googlesitesearch' + i + '', 'rel': i });
        // Adds a autocomplete="off" to the text input
        jQuery(this).children('.bvk_textinput').children('input').addClass('bvk_seachinput').attr({ 'autocomplete': 'off' });
        // No IE
        if (!$.browser.msie) {
            // Adds the suggestion element
            jQuery('<input />').attr({ 'type': 'text', 'readonly': 'readonly', 'disabled': 'disabled' }).addClass('bvk_search_suggestion').appendTo(jQuery(this).children('.bvk_textinput'));
        }
        // Create some memory
        jQuery('<input />').attr({ 'type': 'hidden', 'value': 0 }).addClass('bvk_memory_arrows').appendTo(this);
        jQuery('<input />').attr({ 'type': 'hidden', 'value': '' }).addClass('bvk_memory_arrows_originalvalue').appendTo(this);
        // Create the suggestion box
        jQuery('<div></div>').addClass('bvk_suggestion_box').hide().appendTo(this);
        jQuery('<table></table>').appendTo(jQuery(this).children('.bvk_suggestion_box'));
        jQuery('<tbody></tbody>').appendTo(jQuery(this).children('.bvk_suggestion_box').children('table'));
    });
    // Textinput onChange
    jQuery('.bvk_googlesitesearch_pi1 .bvk_textinput input').keyup(function (event) {
        // Catch esc for cancelling 
//        $(document).keyup(function (e) {
//            if (e.keyCode == 27) { bvk_googlesitesearch_pi1_suggestion.closeAutocomplete(); }   // esc
//        });
        var form_id = jQuery(this).closest('.bvk_googlesitesearch_pi1').attr('id');
        var current_value = jQuery(this).val();
        var current_selection = parseInt(jQuery('#' + form_id + ' .bvk_memory_arrows').val());
        // Arrow control system
        if (event.keyCode == 40 || event.keyCode == 38) {
            // Save the originalvalue
            if (current_selection == 0) {
                jQuery('#' + form_id + ' .bvk_memory_arrows_originalvalue').val(current_value);
            }
            var current_results = jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr').size();
            // There are suggestions
            if (current_results > 0) {
                // Arrow down
                if (event.keyCode == 40 && current_selection <= current_results - 1) {
                    var new_selection = current_selection + 1;
                    var eq_selection = new_selection - 1;
                    var current_text = jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr:eq(' + eq_selection + ')').text();
                    jQuery('#' + form_id + ' .bvk_memory_arrows').val(new_selection);
                    jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr').removeClass('hover');
                    jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr:eq(' + eq_selection + ')').addClass('hover');
                    jQuery('#' + form_id + ' .bvk_search_suggestion').val(current_text);
                    jQuery('#' + form_id + ' .bvk_seachinput').val(current_text);
                    // Arrow up
                } else if (event.keyCode == 38 && current_selection > 0) {
                    var new_selection = current_selection - 1;
                    var eq_selection = new_selection - 1;
                    var current_text = jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr:eq(' + eq_selection + ')').text();
                    jQuery('#' + form_id + ' .bvk_memory_arrows').val(new_selection);
                    jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr').removeClass('hover');
                    jQuery('#' + form_id + ' .bvk_suggestion_box table tbody tr:eq(' + eq_selection + ')').addClass('hover');
                    if (new_selection != 0) {
                        jQuery('#' + form_id + ' .bvk_search_suggestion').val(current_text);
                        jQuery('#' + form_id + ' .bvk_seachinput').val(current_text);
                    } else {
                        // Write the originalvalue back
                        jQuery(this).val(jQuery('#' + form_id + ' .bvk_memory_arrows_originalvalue').val());
                        jQuery('#' + form_id + ' .bvk_search_suggestion').val(jQuery('#' + form_id + ' .bvk_memory_arrows_originalvalue').val());
                    }
                }
            }
        } else {
            jQuery('#' + form_id + ' .bvk_memory_arrows').val(0);
            bvk_googlesitesearch_pi1_suggestion.attachSuggestion(current_value, form_id);
        }
    });
});