window.addEvent('domready', function() {
	
	var element = $('dictsearch_container');
	var mySlider = new Fx.Slide(element,{
		onComplete: function(){
			//$$('.mooSlider').setStyle('height','auto');
		}
	});
	var enstatus = $('en_spinner');
	var ksstatus = $('ks_spinner');
	var kmstatus = $('km_spinner');
	
	try{
		$('dictsearch_wrapper').setStyle('visibility','visible');
	} catch(err) {};
	accordionRefresh();
	mySlider.hide();

	$('dictsearch_en').addEvent('submit', function(e) {
		new Event(e).stop();
		mySlider.hide();
		$('dictsearch_ks').reset();
		$('dictsearch_km').reset();
		enstatus.addClass('loading');
		this.send({ 
			update:element,
			onComplete: function(){
				accordionRefresh();
				showResults();
			}
		});
	});
		
	$('dictsearch_ks').addEvent('submit', function(e) {
		new Event(e).stop();
		mySlider.hide();
		$('dictsearch_en').reset();
		$('dictsearch_km').reset();
		ksstatus.addClass('loading');
		this.send({ 
			update:element,
			onComplete: function(){
				accordionRefresh();
				showResults();
			}
		});
	});
	
	$('dictsearch_km').addEvent('submit', function(e) {
		new Event(e).stop();
		mySlider.hide();
		$('dictsearch_en').reset();
		$('dictsearch_ks').reset();
		kmstatus.addClass('loading');
		this.send({ 
			update:element,
			onComplete: function(){
				accordionRefresh();
				showResults();
			}
		});
	});
	
	//===============================
	function showResults(){
		mySlider.slideIn()
		enstatus.removeClass('loading');
		ksstatus.removeClass('loading');
		kmstatus.removeClass('loading');
	}
	
	//===============================
	function accordionRefresh(){
		//make the accordion
		var accordion = new Accordion($$('.toggler'),$$('.element'), {
			display: -1,
			alwaysHide: 1,
			opacity: 0,
			onActive: function(toggler, element) {
				toggler.addClass('tSelected');
				element.addClass('eSelected');
			},
			onBackground: function(toggler, element) {
				toggler.removeClass('tSelected');
				element.removeClass('eSelected');
			},				
		});
	}
})