// Copyright (c) 2006 - 2007 Gabriel Lanzani (http://www.glanzani.com.ar)
// 
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
// 
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
// SEE CHANGELOG FOR A COMPLETE CHANGES OVERVIEW
// VERSION 0.3

Autocompleter.SelectBox = Class.create();
Autocompleter.SelectBox.prototype = Object.extend(new Autocompleter.Base(), {
  initialize: function(select, options) {
  if ($(select)) {
    this.element = "<input type=\"text\" id=\"" + $(select).id + "_combo\" />"
    new Insertion.Before(select, this.element)
    var inputClasses = Element.classNames(select);
    inputClasses.each(function(inputClass)
      {
        Element.addClassName($(select).id + "_combo", inputClass);
        Element.addClassName($(select).id + "_combo", 'comboOff');
      });
    
    this.update = "<div id=\"" + $(select).id + "_options\" class=\"autocomplete\"></div>"	
    new Insertion.Before(select, this.update)
      
      
      this.baseInitialize($(select).id + "_combo", $(select).id + "_options", options);
      this.select = select;
    this.selectOptions = [];
      
    $(this.element.id).setAttribute('readonly','true');
    this.element.readOnly = true;
    if(this.options.debug)alert('input ' + this.element.id + ' and div '+ this.update.id + ' created, Autocompleter.Base() initialized');
    if(!this.options.debug)Element.hide(select);

    var optionList = $(this.select).getElementsByTagName('option');
    var nodes = $A(optionList);

    for(i=1; i<nodes.length;i++){
      this.selectOptions.push("<li id=\"" + nodes[i].value + "\"><a href=\"" + nodes[i].value + "\">" + nodes[i].innerHTML + "</a></li>");
      if (nodes[i].getAttribute("selected")) this.element.value = nodes[i].innerHTML;
      
      if(this.options.debug)alert('option ' + nodes[i].innerHTML + ' added to '+ this.update.id);
    }
    
    Event.observe(this.element, "click", this.activate.bindAsEventListener(this));
    Event.observe(this.element, "click", this.updateMe);
    Event.observe(this.element, "blur", this.resetMe);
    
    if ($(select).selectedIndex >= 0)this.element.value = $(select).options[$(select).selectedIndex].innerHTML;
    
    var self = this;
    this.options.afterUpdateElement = function(text, li) {
      var optionList = $(select).getElementsByTagName('option');
      var nodes = $A(optionList);

      var opt = nodes.find( function(node){
        return (node.value == li.id);
      });
      $(select).selectedIndex=opt.index;
      if(self.options.redirect) document.location.href = opt.value;
      if(self.options.autoSubmit != '') 
        $(self.options.autoSubmit).submit;
    }
	}
  },

  updateMe: function(){
		this.addClassName('comboOn');
		this.removeClassName('comboOff');
		this.readOnly = true;

  },
  resetMe: function(){
		this.removeClassName('comboOn');
		this.addClassName('comboOff');
		this.readOnly = true;
  },
  getUpdatedChoices: function() {
  		this.updateChoices(this.setValues());
  },

  setValues : function(){
		return ("<ul>" + this.selectOptions.join('') + "</ul>");
  },
  
  setOptions: function(options) {
    this.options = Object.extend({
		//MORE OPTIONS TO EXTEND THIS CLASS
		redirect	: true,// redirects to option value
		debug		: false, //show alerts with information
		autoSubmit	: '' //form Id to submit after change 
	}, options || {});
  }
})