window.addEvent('domready', function() {
      var  node= $$('.is');
	   node.addEvent('keyup', function(e) {
	               	var  node= this;
	               	    if (e.key!='down' && e.key!='up') {
			         	var AJAXpost = new Request({
			         		method: 'post',
							url: '/search.php?q='+node.get('value'),
							data: {
								ajax: 1
							
							},
							'link': 'ignore',
				
							onSuccess: function(responseText) {
								  var item = $$('.ajax-search-results');								  
								  item.morph({
									'opacity': 1						
								  }); 
								  item.set('html',responseText);
								  init();
								   
							}
				
							});
						
							AJAXpost.send();   
				 	   }   
	             
	             
	   }).addEvent('keydown', function(e) {
	               	 if (e.key=='down' || e.key=='up') {
	               	 var id=0;
	               	 var count =0;
	               	 $$('.ajax-search-results .item').each(function(item) {
							if (item.hasClass('active')) id = item.get('rel').toInt();
							count = count+1;	      
					 });
					  if (id!=0) $$('.ajax-search-results').getElement('.iter'+id).removeClass('active');
					    if (e.key=='down') {
							if (id<=(count-1)) id =id+1;
						}
					 	else {
						 if (id>1) id=id-1;
						}
					 	$$('.ajax-search-results').getElement('.iter'+id).addClass('active');
					 	node.set('value',$$('.ajax-search-results').getElement('.iter'+id).get('html'));	
					}
				  
	              //alert("sdf");
	             
	   }).addEvent('click', function(e) {
	   		     this.set('value','');
	   }) ;
	   function init() {
	         $$('.ajax-search-results .item').addEvent('click', function(event) {      		        
      		     	    node.set('value',this.get('html'));		        
			             event.preventDefault();
						 $$('.ajax-search-results').morph({
									'opacity': 0						
								  }); ;          
			}).addEvent('mouseenter', function(event) {      		        
      		     	   this.addClass('active');
			}).addEvent('mouseleave', function(event) {      		        
      		     	  $$('.ajax-search-results .item').each(function(item) {
						       item.removeClass('active');
						 })
			});
	   
	   }

       


});