/*
	cbs_live_search v0.5
	by Christophe Beyls (http://www.digitalia.be) - MIT-style licence
	powered by Mootools
*/

var CbsLiveSearch = new Class({

	initialize: function(textbox, results, default_value, noresults, options, postbody){
		this.default_value = default_value;
		this.noresults = '<p>'+noresults+'</p>';
		this.postbody = postbody;
		this.textbox = $(textbox);
		this.webkit = options.k && navigator.vendor && navigator.vendor.test('Apple Computer') && (navigator.productSub.toInt() >= 20020000);

		if (options.r && !this.webkit)
			this.resetimage = new Element('img').setProperty('src', options.r).addClass('livesearch_resetimage').setStyles({cursor: 'pointer', visibility: 'hidden'}).injectInside(this.textbox.parentNode).addEvent('click', function(){
				this.textbox.value = '';
				this.check();
				this.textbox.focus();
			}.bind(this));
		if (options.w) this.waitimage = new Element('img').setProperty('src', options.w).addClass('livesearch_waitimage').setStyle('visibility', 'hidden').injectInside(this.textbox.parentNode);

		this.results = new Element('div').setProperty('id', results).setStyle('display', 'none').injectAfter(this.textbox.form);
		this.clone = this.results.clone().setStyles({visibility: 'hidden', position: 'absolute', display: '', height: ''}).injectBefore(this.results);

		this.resizeFx = this.results.setStyles({display: '', overflow: 'hidden'}).effect('height', {duration: 500, wait: false}).hide();
		this.fadeFx = this.results.effect('opacity', {duration: 500, wait: false}).hide();
		this.visible = false;

		if (this.webkit){
			$(this.textbox.form).addClass('livesearch_webkit');	
			this.textbox.setProperties({type: 'search', autosave: this.textbox.form.action, results: '5', placeholder: this.default_value});
		}
		else this.textbox.setProperties({autocomplete: 'off', value: this.default_value}).addClass('livesearch_inactive');
		this.textbox.addEvent('focus', this.onFocus.bindAsEventListener(this)).addEvent('blur', this.onBlur.bindAsEventListener(this));
	},

	onFocus: function(){
		if (!this.webkit && (this.textbox.value == this.default_value)) this.textbox.removeClass('livesearch_inactive').value = '';
		this.oldValue = this.textbox.value;
		this.checkTimer = this.check.periodical(1000, this);
	},

	onBlur: function(){
		$clear(this.checkTimer);
		this.check();
		if (!this.webkit && (this.textbox.value == '')) this.textbox.addClass('livesearch_inactive').value = this.default_value;
	},

	hideResults: function(){
		if (!this.visible) return;
		this.visible = false;
		this.fadeFx.start(0);
		this.resizeFx.start(0);
	},

	check: function(){
		if (this.textbox.value == this.oldValue) return;
		$clear(this.showTimer);
		this.abort();
		this.oldValue = this.textbox.value;
		if (this.resetimage) this.resetimage.style.visibility = this.oldValue ? '' : 'hidden';
		if ((this.postbody.q = this.oldValue.trim()).length < 3) return this.hideResults();
		if (this.waitimage) this.waitimage.style.visibility = '';
		this.ajax = new Ajax(window.location.href, {
			method: 'post',
			postBody: this.postbody,
			onSuccess: this.onRequestComplete.bind(this),
			onFailure: function(){
				this.abort();
				this.hideResults();
			}.bind(this)
		}).request();
	},

	abort: function(){
		if (this.ajax){
			this.ajax.transport.abort();
			this.ajax = null;
			if (this.waitimage) this.waitimage.style.visibility = 'hidden';
		}
	},

	onRequestComplete: function(response){
		this.ajax = null;
		if (this.waitimage) this.waitimage.style.visibility = 'hidden';
		this.results.setHTML((response == '<none />') ? this.noresults : response);
		this.clone.setHTML(this.results.innerHTML);
		this.showTimer = this.show.delay(50, this);
	},

	show: function(){
		if (!this.visible){
			this.visible = true;
			this.fadeFx.start(1);
		}
		this.resizeFx.start(this.clone.clientHeight);
	}
});