var what_defaultVal = 'What?  (eg: Restaurant, McDonalds, etc)';
var where_defaultVal = 'Where?';

function searchWhat_Focus(){
	var elem = document.getElementById('searchWhat');
	if(elem.value == what_defaultVal){
		elem.value = "";
		elem.style.color = "#000";
	}
	return;
}

function searchWhat_Blur(){
	var elem = document.getElementById('searchWhat');
	if(elem.value == "" && load_whatDefaultValue == ""){
		elem.value = what_defaultVal;
		elem.style.color = "#999";
	}

	if(load_whatDefaultValue != ""){
		elem.value = load_whatDefaultValue;
		elem.style.color = "#000";
		load_whatDefaultValue = "";
	}

	return;
}

function searchWhere_Focus(){
	var elem = document.getElementById('searchWhere');
	if(elem.value == where_defaultVal){
		elem.value = "";
		elem.style.color = "#000";
	}
	return;
}

function searchWhere_Blur(){
	var elem = document.getElementById('searchWhere');
	if(elem.value == "" && load_whereDefaultValue == ""){
		elem.value = where_defaultVal;
		elem.style.color = "#999";
	}

	if(load_whereDefaultValue != ""){
		elem.value = load_whereDefaultValue;
		elem.style.color = "#000";
		load_whereDefaultValue = "";
	}

	return;
}

function init(){
	document.getElementById('searchWhat').onfocus = searchWhat_Focus;
	document.getElementById('searchWhat').onblur = searchWhat_Blur;
	document.getElementById('searchWhere').onfocus = searchWhere_Focus;
	document.getElementById('searchWhere').onblur = searchWhere_Blur;
	searchWhere_Blur();
	searchWhat_Blur();
	return;
}

window.onload = init;