/**
 * Global
 */ 

// Create AJAX object based on browser
if (navigator.appName == "Microsoft Internet Explorer") {
	sharpajax = new ActiveXObject("Microsoft.XMLHTTP");
} else {
	sharpajax = new XMLHttpRequest();
}

// Initialize
sharpajax.abort();

// Setup
var sitebase = '';
var ajaxbase = sitebase+'/includes/ajax.php';

// AJAX call
function callAjax(parameters) {

	// Resets state
	sharpajax.abort();
	
	// Create input trapping function
	sharpajax.onreadystatechange=function() {
		if (sharpajax.readyState == 4) {
			eval(sharpajax.responseText);
		}
	}

	// Send command
	sharpajax.open("POST",ajaxbase);
	sharpajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	// Send output
	sharpajax.send(parameters);
	
}

/**
 * Triggers
 */
function searchRecipe(type) {
	document.getElementById('search_results_site').innerHTML = '<li>Searching...</li>';
	var term = document.getElementById('recipe_name_'+type).value;
	var category = document.getElementById(type+'_search_recipe_categories').value;
	callAjax('func=searchRecipes&c=recipe&q='+term+'&t='+category);
}

/**
 * Callbacks
 */
function showRecipeResult(title, author, link, id) {
	if (document.getElementById('search_results_site').innerHTML == '<li>Searching...</li>') document.getElementById('search_results_site').innerHTML = '';
	document.getElementById('search_results_site').innerHTML = document.getElementById('search_results_site').innerHTML + ''+
	'<li class="result-title">'+
	'	<h4 id="result-'+id+'"><a href="javascript:selectRecipe('+id+');"><span id="result-title-'+id+'">'+title+'</span></a></h4> <a href="'+sitebase+link+'" target="_blank"><span class="result-preview">view</span></a>';
	if (author != '') document.getElementById('search_results_site').innerHTML = document.getElementById('search_results_site').innerHTML + '<p>by '+author+'</p>';
	document.getElementById('search_results_site').innerHTML = document.getElementById('search_results_site').innerHTML + '</li>';
}

function selectRecipe(id) {
	var oldid = document.getElementById('recipe_name_id').value;
	var title = document.getElementById('result-title-'+id).innerHTML;
	document.getElementById('result-'+id).style.background = 'red';
	if (oldid != '') document.getElementById('result-'+oldid).style.background = '';
	document.getElementById('recipe_name_id').value = id;
	document.getElementById('recipe_name_title').value = title;
}
