with(document)
{
	writeln("<div id='verifycodediv' style='position:absolute;width:68px;height:45px;z-index:1;border:1px solid #545454;text-align:center;display:none;background-color:#EFEFEF;padding:3px;line-height:20px;font-size:12px;'>");
	writeln("<span style='CURSOR: pointer;' onclick='changeverifycode();'><img id='verifyimg' src='common/showcode.do' border=0 onclick='changeverifycode();' style='border:1px solid #000000;'><br><font color=#0000>[Refresh]</font></span>");
	writeln("</div>");
}

var t;
var inputcontrol = getobj(ControlName);		//输入控件
var imgcodediv = getobj("verifycodediv");	//显示验证码控件层
var imgcode = getobj("verifyimg");	//图片码控件

var isIE = (document.all && window.ActiveXObject && !window.opera);
if(isIE)
{ 
	inputcontrol.attachEvent("onfocus", showcode); 
	inputcontrol.attachEvent("onblur", hidecode); 
} 
else 
{ 
	inputcontrol.addEventListener("focus", showcode, false); 
	inputcontrol.addEventListener("blur", hidecode, false); 
} 


function getobj(id){return document.getElementById(id);}

function changeverifycode()
{
	imgcode.src = imgcode.src + "?";
	clearTimeout(t);
	inputcontrol.focus();
}

function hidecode()	{t = window.setTimeout("imgcodediv.style.display='none'",500);}

function showcode()
{
		imgcodediv.style.display = "";
		imgcodediv.style.left = getPosition(inputcontrol).left + getPosition(inputcontrol).width - getPosition(imgcodediv).width;
		imgcodediv.style.top = getPosition(inputcontrol).top - getPosition(imgcodediv).height - 1;
}

function getPosition(obj) {
	var top=0;
	var left=0;
	var width=obj.offsetWidth;
	var height=obj.offsetHeight;
	while (obj.offsetParent) {
			top += obj.offsetTop;
			left += obj.offsetLeft;
			obj = obj.offsetParent;
		}
	return {"top":top,"left":left,"width":width,"height":height};
}