function action( controller, action, params, onCompleteFunction ) {
	var url = baseUrl + controller + "/" + action + "/format/json";
		
	var request = new Request.JSON({
		url: url,
		onComplete: onCompleteFunction
	}).post(params);
}

function callSearchPredicitons()
{
	if( $('searchBox').value.length > 2 )
		sendPredicitonRequest($('searchBox').value);
	else 
		$('searchPredictionResults').setStyle('display','none');
	
}

function sendPredicitonRequest(value)
{
	action('My-Mitre-10', 'Ajax-Search', {
	'search': $('searchBox').value
	}, function(response) {
		_div = $('searchPredictionResults');
		if( response.results.length > 0 )
			fillSearchPredicitons(_div, response);
	});
}

function fillSearchPredicitons(element, response)
{
	var html = "<ul>";
	var value;
	
	for ( var i = 0 ; i < response.results.length ; i++ )
	{
		if( response.results[i].postcode ) {
			//Suburb
			value = response.results[i].postcode;
			displayText = response.results[i].suburb + ' - ' + response.results[i].state;
		}
		else 
		{
			value = response.results[i];
			displayText = response.results[i];
		}
		if( !isNaN( displayText ) )
			displayText = displayText.toString();
			
		var displayTextLength = displayText.length;
		var searchTermLength = $('searchBox').value.length;
		html += '<li><a href="javascript:void(0)" onclick="setValue(\'' + value + '\');">' + '<strong>' + displayText.substring(0,searchTermLength) + '</strong>' + displayText.substring(searchTermLength,displayTextLength) + '</a></li>';
		//html += '<li>'+displayText+'</li>';
	}
	html += '</ul>';
	element.innerHTML = html;
	element.setStyle('display','block');
	if( response.results.length > 12 )
		element.setStyle('overflow','scroll');
	else
		element.setStyle('overflow','hidden');
	
}

function setValue(value){
	$('searchBox').value = value;
	$('searchPredictionResults').setStyle('display', 'none');
	//Finally Submit the store...not the best way, but it will do for now... TODO
	document.store_StoreStore.submit();
}