var setupSearch = function(){
	var areaValue = "e.g. Aberdeen";
	var keywordsValue = "e.g. Offshore";
	
	var area = $("search_area");
	var keywords = $("search_keywords");

	area.addEvent("click", function(){clearContents(area, areaValue);});
	keywords.addEvent("click", function(){clearContents(keywords, keywordsValue);});
	
	area.addEvent("focus", function(){clearContents(area, areaValue);});
	keywords.addEvent("focus", function(){clearContents(keywords, keywordsValue);});
	
	area.addEvent("blur", function(){padContents(area, areaValue);});
	keywords.addEvent("blur", function(){padContents(keywords, keywordsValue);});
	
	if(area.value!=areaValue)
		setStyle(area, "#000", "normal");
	if(keywords.value!=keywordsValue)
		setStyle(keywords, "#000", "normal");
}

var clearContents = function(element, value){
	if(element.value==value){
		element.value = "";
		setStyle(element, "#000", "normal");	
	}
}

var padContents = function(element, value){
	if(element.value==""){
		element.value = value;
		setStyle(element, "#AAA", "italic");	
	}
}

var setStyle = function(element, color, fontStyle){
	element.style.color = color;
	element.style.fontStyle = fontStyle;	
}

window.addEvent('domready', function() {
	setupSearch();
});