function suggestItemOver( obj ) {
	obj.className = 'suggest_item_over';
}

function suggestItemOut( obj ) {
	obj.className = 'suggest_item';
}

function suggestItemClick( obj , box ) {
	if( box == 'school' ) {
		$('srch_school').value = obj.innerHTML.trim();
		$('school_suggest_list').style.display = 'none';
		searchWord();
	}
	
	if( box == 'teacher' ) {
		$('srch_teacher').value = obj.innerHTML.trim();
		$('teacher_suggest_list').style.display = 'none';
		searchWord();
	}
}

function getTeacherSuggestion() {
	var token = $('srch_teacher').value
	
	if(token.trim() == '') {
		return false;
	}
	
	$('teacher_suggest_list').style.display = 'block';
	$('teacher_suggest_list').innerHTML = '<img src="images/spinning_circle.gif" alt="loading" />';
	
	var url = 'index.php?option=com_standings&view=homepage';
	var params = '&action=getTeacherSuggestion&param='+token;
	
	new Ajax.Request(url, { 
		method:'post',
		parameters: params,
		onSuccess: function(transport) { 
			var response = transport.responseText || "{status:'no text'}";
			var listJSON = response.evalJSON();			
			var returned_list = new String();
			
			returden_list = '';
			
			for(i=0; i < listJSON.length; i++) {
				returned_list+= '<div class=\'suggest_item\' onmouseover=\'suggestItemOver( this );\' onmouseout=\'suggestItemOut( this );\' onclick=\'suggestItemClick( this , "teacher" )\'>' + listJSON[i].found_word + '</div>'; 
			}		
			
			if(i==0) { returned_list = 'No match'; }
			
			$('teacher_suggest_list').innerHTML = returned_list;
		},
    	onFailure: function(){ alert('Request Error...');}
	});
		
	return false;		
}

function getSchoolSuggestion() {
	var token = $('srch_school').value
	
	if(token.trim() == '') {
		return false;
	}
	
	$('school_suggest_list').style.display = 'block';
	$('school_suggest_list').innerHTML = '<img src="images/spinning_circle.gif" alt="loading" />';
	
	var url = 'index.php?option=com_standings&view=homepage';
	var params = '&action=getSchoolSuggestions&param='+token;
	
	new Ajax.Request(url, { 
		method:'post',
		parameters: params,
		onSuccess: function(transport) { 
			var response = transport.responseText || "{status:'no text'}";
			var listJSON = response.evalJSON();			
			var returned_list = new String();
			
			returden_list = '';
			
			for(i=0; i < listJSON.length; i++) {
				returned_list+= '<div class=\'suggest_item\' onmouseover=\'suggestItemOver( this );\' onmouseout=\'suggestItemOut( this );\' onclick=\'suggestItemClick( this , "school" )\'>' + listJSON[i].found_word + '</div>'; 
			}		
			
			if(i==0) { returned_list = 'No match'; }
			
			$('school_suggest_list').innerHTML = returned_list;
		},
    	onFailure: function(){ alert('Request Error...');}
	});
		
	return false;
}

function displayTeacherSuggestions() {	
	getTeacherSuggestion();
}

function displaySchoolSuggestions() {
	getSchoolSuggestion();	
}