window.addEvent('domready',function() {
		/* search */
		var searchBox = $('search-box'), searchLoaded = false, searchFn = function() {
			if(!searchLoaded) {
				searchLoaded = true;

				//build elements!
				var container = new Element('div',{ id: 'search-results', position: 'relative' }).inject($('search-area-custom'),'after');
				var wrapper = new Element('div',{
					styles: {
						position: 'relative'
					}
				}).inject(container);
				new Element('div',{ id: 'search-results-pointer' }).inject(wrapper);
				var contentContainer = new Element('div',{ id: 'search-results-content' }).inject(wrapper);
				var closer = new Element('a', { 
					href: 'javascript:;',
					text: 'Close',
					styles: {
						position: 'absolute',
						bottom: 35,
						right: 20
					},
					events: {
						click: function() {
							container.fade(0);
						}
					}
				}).inject(wrapper);

				//google ineraction
				var search = new google.search.WebSearch(), 
					control = new google.search.SearchControl(),
					options = new google.search.DrawOptions();

				options.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);
				options.setInput(searchBox);

				search.setUserDefinedClassSuffix('siteSearch');
				search.setSiteRestriction('diit.info');
				search.setLinkTarget(google.search.Search.LINK_TARGET_SELF);

				control.addSearcher(search);
				control.draw(contentContainer,options);
				control.setNoResultsString('No results were found.');


				//add listener
				searchBox.addEvents({
					keyup: function(e) {
						if(searchBox.value && searchBox.value != searchBox.get('placeholder')) {
							container.fade(0.9);
							control.execute(searchBox.value);
						}
						else {
							container.fade(0);
						}
					}
				});
				searchBox.removeEvent('focus',searchFn);
			}
		};
		searchBox.addEvent('focus',searchFn);
	})