// fill schemas

var autofill_schemas = {};

// default, generic schema

autofill_schemas.generic = {

  template: '<div id="--ID--_region" spry:region="autofill_region_--ID--" class="tblholder">' + "\n" +

            '  <table border="0" cellspacing="1" cellpadding="3" style="font-size: smaller;">' + "\n" +

            '    <tr spry:repeat="autofill_region_--ID--">' + "\n" +

            '      <td class="row1" spry:suggest="{name}">{name}</td>' + "\n" +

            '    </tr>' + "\n" +

            '  </table>' + "\n" +

            '</div>',

  init: function(element, fillclass)

    // setup the dataset

    window["autofill_region_" + element.id] = new Spry.Data.JSONDataSet(makeUrlNS('Special', 'Autofill', 'type=' + fillclass));

    // inject our HTML wrapper

    var template = this.template.replace(new RegExp('--ID--', 'g'), element.id);

    var wrapper = element.parentNode; // document.createElement('div');

    wrapper.id = 'autofill_wrap_' + element.id;

    // a bunch of hacks to add a spry wrapper

    // var el2 = element.cloneNode(false);

    // wrapper.appendChild(el2);

    wrapper.innerHTML += template;

    // insertAfter(element.parentNode, wrapper, element);

    // element.parentNode.removeChild(element);

    // element = el2;

    var autosuggest = new Spry.Widget.AutoSuggest("autofill_wrap_" + element.id, element.id + '_region', window["autofill_region_" + element.id], 'name', {loadFromServer: true, urlParam: 'userinput', hoverSuggestClass: 'row2', minCharsType: 3});

  }

};

function autofill_init_element(element, params)

{

  if ( element.parentNode.id.match(/^autofill_wrap_/) )

    return false;

  params = params || {};

  // assign an ID if it doesn't have one yet

  if ( !element.id )

  {

    element.id = 'autofill_' + Math.floor(Math.random() * 100000);

  }

  var id = element.id;

  // get the fill type

  var fillclass = element.className;

  fillclass = fillclass.split(' ');

  fillclass = fillclass[1];

  var schema = ( autofill_schemas[fillclass] ) ? autofill_schemas[fillclass] : autofill_schemas['generic'];

  if ( typeof(schema.init) != 'function' )

  {

    schema.init = autofill_schemas.generic.init;

  }

  schema.init(element, fillclass, params);

  element.af_initted = true;

}

var autofill_onload = function()

{

  autofill_schemas.username = {

    template: '<div id="--ID--_region" spry:region="autofill_region_--ID--" class="tblholder">' + "\n" +

              '  <table border="0" cellspacing="1" cellpadding="3" style="font-size: smaller;">' + "\n" +

              '    <tr>' + "\n" +

              '      <th>' + $lang.get('user_autofill_heading_suggestions') + '</th>' + "\n" +

              '    </tr>' + "\n" +

              '    <tr spry:repeat="autofill_region_--ID--">' + "\n" +

              '      <td class="row1" spry:suggest="{name}">{name_highlight}<br /><small style="{rank_style}">{rank_title}</small></td>' + "\n" +

              '    </tr>' + "\n" +

              '  </table>' + "\n" +

              '</div>',

    init: function(element, fillclass, params)

      // calculate positions before spry f***s everything up

      var top = $dynano(element).Top() + $dynano(element).Height() - 10; // tblholder has 10px top margin

      var left = $dynano(element).Left();

      var allow_anon = ( params.allow_anon ) ? '1' : '0';

      // setup the dataset

      window["autofill_region_" + element.id] = new Spry.Data.JSONDataSet(makeUrlNS('Special', 'Autofill', 'type=' + fillclass + '&allow_anon' + allow_anon));

      Spry.Data.initRegions(document.body);

      (window["autofill_region_" + element.id]).loadData();

      // inject our HTML wrapper

      var template = this.template.replace(new RegExp('--ID--', 'g'), element.id);

      var wrapper = element.parentNode; // document.createElement('div');

      wrapper.id = 'autofill_wrap_' + element.id;

      // a bunch of hacks to add a spry wrapper

      wrapper.innerHTML = template + wrapper.innerHTML;

      var autosuggest = new Spry.Widget.AutoSuggest("autofill_wrap_" + element.id, element.id + '_region', window["autofill_region_" + element.id], 'name', {loadFromServer: true, urlParam: 'userinput', hoverSuggestClass: 'row2', minCharsType: 3});

      var regiondiv = document.getElementById(element.id + '_region');

      regiondiv.style.position = 'absolute';

      regiondiv.style.top = top + 'px';

      regiondiv.style.left = left + 'px';

    }

  };

  autofill_schemas.page = {

    template: '<div id="--ID--_region" spry:region="autofill_region_--ID--" class="tblholder">' + "\n" +

              '  <table border="0" cellspacing="1" cellpadding="3" style="font-size: smaller;">' + "\n" +

              '    <tr>' + "\n" +

              '      <th colspan="2">' + $lang.get('page_autosuggest_heading') + '</th>' + "\n" +

              '    </tr>' + "\n" +

              '    <tr spry:repeat="autofill_region_--ID--">' + "\n" +

              '      <td class="row1" spry:suggest="{page_id}">{pid_highlight}<br /><small>{name_highlight}</small></td>' + "\n" +

              '    </tr>' + "\n" +

              '  </table>' + "\n" +

              '</div>'

  var inputs = document.getElementsByClassName('input', 'autofill');

  for ( var i = 0; i < inputs.length; i++ )

    autofill_init_element(inputs[i]);

}

addOnloadHook(autofill_onload);

function AutofillUsername(element, event, allowanon)

{

  element.onkeyup = element.onkeydown = element.onkeypress = function(e) {};

  element.className = 'autofill username';

  allowanon = allowanon ? true : false;

  autofill_init_element(element, {

      allow_anon: allowanon

    });