function init(){

	//search box
	var tf = document.getElementById("s");
	var dv = document.getElementById("search");
	var bt = document.getElementById("sb");

	var isShowField = false;
	tf.style.width = 0;
	tf.style.opacity = 0;
	bt.style.marginLeft = "-20px";
	bt.style.opacity = 0.75;

	function showField(){
			isShowField = true;
			new Effect.Morph(tf, {duration:0.4, style:"width:165px; opacity:1;"});
			bt.style.opacity = 1;
			bt.style.marginLeft = 0;
			dv.onmouseover = null;
			tf.focus();
			document.body.onmousemove = hideField;
	}

	function hideField(e) {
		var x = e.clientX + document.body.scrollLeft;
		var y = e.clientY + document.body.scrollTop;
		var offset = 60;
		var t = dv.offsetTop - offset;
		var l = dv.offsetLeft - offset;
		var r = dv.offsetLeft + dv.offsetWidth + offset;
		var b = dv.offsetTop + dv.offsetHeight + offset;

		if(x<=l || x>=r || y<=t || y>=b){
			isShowField = false;
			new Effect.Morph(tf, {duration:0.4, style:"width:0px; opacity:0;"});
			bt.style.opacity = 0.75;
			bt.style.marginLeft = "-20px";
			dv.onmouseover = showField;
			document.body.onmousemove = null;
		}

	}

	dv.onmouseover = showField;
	tf.onfocus = showField;
	
}

window.onload = init;