Event.observe(document, 'dom:loaded', function(){initEvents();}); 

var d = new Object;

function initEvents(){
	d = new Dialog();
	
	$('filter').observe('keyup', function(e) { loadFilter('glossary/filter') } );
	$('filterForm').observe('submit', function(e){ loadFilter('glossary/filter'); e.stop() });
	$('filter').setAttribute( "autocomplete","off" );

	$('add').observe('click', function(e){ d.load(this.href); e.stop() });
	
	$$('a[title=add]').invoke('observe', 'click', function(e){ d.load(this.href); e.stop() });
	$$('a[title=update]').invoke('observe', 'click', function(e){ d.load(this.href); e.stop() });
	
	$$('a[title=alphabetic]').invoke('observe', 'click', function(e){ 
		$$('a[title=alphabetic]').each(function(node){
				node.className = "minibutton";
		});
		
		this.blur();
		this.className = "minibutton_active";
		new Ajax.Updater($('spanColumn'), this.href,{
				onComplete: function(){ recallEvents() }
		}); e.stop() 
	});
}

function loadFilter(func){
	new Ajax.Updater($('spanColumn'), base_url+func, {
		parameters: { filter: $F('filter')}, 
		onComplete: function(){ recallEvents()}
	});
}

function recallEvents(){
	$$('a[title=add]').invoke('observe', 'click', function(e){ d.load(this.href); e.stop() });
	$$('a[title=update]').invoke('observe', 'click', function(e){ d.load(this.href); e.stop() });
}