Event.observe(window, "load", function() {
	function focused (evt) {
		var elem = Event.element(evt);
		if(elem.value==elem.defaultValue) {
			elem.value = '';
			elem.style.color='#000';
		}
	}
	function blured (evt) {
		var elem = Event.element(evt);
		if(elem.value=="") {
			elem.value = elem.defaultValue;
			elem.style.color='#999';
		}
	}
	Event.observe($('coursenosearch'), "focus", focused);
	Event.observe($('coursenosearch'), "blur", blured);
	Event.observe($('keywordsearch'), "focus", focused);
	Event.observe($('keywordsearch'), "blur", blured);
	var r = new Ajax.Request('keyword.xml', {method:"GET",parameters:"",onComplete:comp});
});
function comp(req) {
	data = req.responseXML;
	create();
	Event.observe($('keywordsearch'), "mousedown", onTextboxClickHandler);
}
function onTextboxClickHandler(e) {
	var box = $$('.'+Event.element(e).id)[0];
	box.style.display = (box.style.display=='none')?'':'none';
}
function create() {
	var k = data.getElementsByTagName('keyword');
	for(var i=0; i<k.length; i++) {
		var e = document.createElement('span');
		e.innerHTML = ' <a href="' + k[i].getAttribute('href') + '" class="' + k[i].getAttribute('class') + '">'+ k[i].firstChild.nodeValue + '</a> ';
		$('recommend').appendChild(e);
	}
}