window.addEvent('domready',function () {

	$$('.searchform').addEvent('submit', function(ev) {
		
		attachSearch(this,this.getParent().getParent());
		
		new Event(ev).stop();
	});
	
	
	function attachSearch(element,parentDivElement) {
	
		var strValue = element.getParent().getElement('[name=searchq]').get('value');
								
		var parentElement = parentDivElement;		
				
		$$('.search-results').dispose();
				
		var divresults = new Element('div',{'class': 'search-results','html':'<center><img src="/interface/grey-ajax-loader.gif" /></center>'})		
		
		divresults.inject(parentElement,'after');
		
		new Request({url: '/ajax/search.php', onSuccess: function (responseText,responseXml) {
		
			
			divresults.set('html','<h5><div class="hide"></div>Resultaten</h5>' + responseText);
				
					
			
			divresults.getElement('.hide').addEvent('click',function (e) {
				
				//alert(click);
				
				divresults.dispose();
				
			});
									
		}
		}).send('searchq=' + strValue);
		
	}

	$$('.startsearch').addEvent('click',function (e) {
		
		attachSearch(this,this.getParent().getParent().getParent());
		
		e.stop();
	});

});