//定义当前是否大写的状态
window.onload=function(){
	password1=null;		
	setcalcbuttonbg();
}

function $(doc){return document.getelementbyid(doc)}

var capslockvalue=0;

document.write("<style>#softkeyboard td{text-align:center; background-color:#ebebeb;border:1px solid #cccccc;}#softkeyboard input{ border:0;background:#ebebeb;}</style>");
document.write("<div align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"opacity:1;-moz-opacity:1;filter:alpha(opacity=100);position:absolute; left:0px; top:0px; width:550px; z-index:180;display:none\">  <table id=\"calctable\" width=\"100%\" align=\"center\" cellpadding=\"2\" cellspacing=\"0\" bgcolor=\"#ebebeb\" style='border:3px solid #cccccc'>           <form id=calc name=calc action=\"\" method=post autocomplete=\"off\">       <tr> <td id='keyboardtitle' title=\"为保证后台登陆安全,建议使用输入器输入帐号密码\" align=\"right\" valign=\"middle\" bgcolor=\"\" style=\"cursor: move;height:30\"> <input type=hidden value=\"\" name=password>  <input type=hidden value=ok name=action2> <span style=\"font-size:13px; padding-right:45px;\">为保证后台登陆安全,建议使用输入器输入帐号密码</span><input style=\"width:100px;height:20px;background-color:#ebebeb;border:1px solid #999999\" type=button value=\"使用键盘输入\" bgtype=\"1\" onclick=\"closekeyboard()\"><span style=\"width:2px;\"></span> </td>      </tr>      <tr align=\"center\">         <td align=\"center\" bgcolor=\"#ffffff\"> <table id=\"buttontb\" align=\"center\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\">\n          <tr> \n            <td> <input type=button value=\" ~ \"> </td>\n            <td> <input type=button value=\" ! \"> </td>\n            <td> <input type=button  value=\" @ \"> </td>\n            <td> <input type=button value=\" # \"> </td>\n            <td> <input type=button value=\" $ \"> </td>\n            <td> <input type=button value=\" % \"> </td>\n            <td> <input type=button value=\" ^ \"> </td>\n            <td> <input type=button value=\" & \"> </td>\n            <td> <input type=button value=\" * \"> </td>\n            <td> <input type=button value=\" ( \"> </td>\n            <td> <input type=button value=\" ) \"> </td>\n            <td> <input type=button value=\" _ \"> </td>\n            <td> <input type=button value=\" + \"> </td>\n            <td> <input type=button value=\" | \"> </td>\n            <td rowspan=\"2\"> <input name=\"button10\" type=button value=\"退格\" onclick=\"setpassvalue();\"  ondblclick=\"setpassvalue();\" style=\"width:100px;height:42px\"> </td>\n          </tr>\n          <tr> <td> <input type=button value=\" ` \"> </td>\n            <td> <input type=button value=\" 1 \"> </td>\n            <td> <input type=button value=\" 2 \"> </td>\n            <td> <input type=button value=\" 3 \"> </td>\n            <td> <input type=button value=\" 4 \"> </td>\n            <td> <input type=button value=\" 5 \"> </td>\n            <td> <input type=button value=\" 6 \"> </td>\n            <td> <input type=button value=\" 7 \"> </td>\n            <td> <input type=button value=\" 8 \"> </td>\n            <td> <input type=button value=\" 9 \"> </td>\n            <td> <input name=\"button6\" type=button value=\" 0 \"> </td>\n            <td> <input type=button value=\" - \"> </td>\n            <td> <input type=button value=\" = \"> </td>\n            <td> <input type=button value=\" \\ \"> </td>\n            </tr>\n          <tr> \n            <td> <input type=button value=\" q \"> </td>\n            <td> <input type=button value=\" w \"> </td>\n            <td> <input type=button value=\" e \"> </td>\n            <td> <input type=button value=\" r \"> </td>\n            <td> <input type=button value=\" t \"> </td>\n            <td> <input type=button value=\" y \"> </td>\n            <td> <input type=button value=\" u \"> </td>\n            <td> <input type=button value=\" i \"> </td>\n            <td> <input type=button value=\" o \"> </td>\n            <td> <input name=\"button8\" type=button value=\" p \"> </td>\n            <td> <input name=\"button9\" type=button value=\" { \"> </td>\n            <td> <input type=button value=\" } \"> </td>\n            <td> <input type=button value=\" [ \"> </td>\n            <td> <input type=button value=\" ] \"> </td>\n            <td> <input name=\"button9\" type=button onclick=\"capslocktext();setcapslock();\"  ondblclick=\"capslocktext();setcapslock();\" value=\"切换大/小写\" style=\"width:100px;\"> </td>\n          </tr>\n          <tr> \n            <td> <input type=button value=\" a \"> </td>\n            <td> <input type=button value=\" s \"> </td>\n            <td> <input type=button value=\" d \"> </td>\n            <td> <input type=button value=\" f \"> </td>\n            <td> <input type=button value=\" g \"> </td>\n            <td> <input type=button value=\" h \"> </td>\n            <td> <input type=button value=\" j \"> </td>\n            <td> <input name=\"button3\" type=button value=\" k \"> </td>\n            <td> <input name=\"button4\" type=button value=\" l \"> </td>\n            <td> <input name=\"button5\" type=button value=\" : \"> </td>\n            <td> <input name=\"button7\" type=button value=\" &quot; \"> </td>\n            <td> <input type=button value=\" ; \"> </td>\n            <td> <input type=button value=\" ' \"> </td>\n            <td rowspan=\"2\" colspan=\"2\"> <input name=\"button12\" type=button onclick=\"overinput();\" value=\"   确定  \" style=\"width:130px;height:42px\"> </td>\n          </tr>\n          <tr> \n            <td> <input name=\"button2\" type=button value=\" z \"> </td>\n            <td> <input type=button value=\" x \"> </td>\n            <td> <input type=button value=\" c \"> </td>\n            <td> <input type=button value=\" v \"> </td>\n            <td> <input type=button value=\" b \"> </td>\n            <td> <input type=button value=\" n \"> </td>\n            <td> <input type=button value=\" m \"> </td>\n            <td> <input type=button value=\" &lt; \"> </td>\n            <td> <input type=button value=\" &gt; \"> </td>\n            <td> <input type=button value=\" ? \"> </td>\n            <td> <input type=button value=\" , \"> </td>\n            <td> <input type=button value=\" . \"> </td>\n            <td> <input type=button value=\" / \"> </td>\n          </tr>\n        </table> </td>    </form>      </tr>  </table></div>");

//给输入的密码框添加新值
function addvalue(newvalue) {
	if (capslockvalue==0) {
		calc.password.value += newvalue;
	}
	else {
		calc.password.value += newvalue.touppercase();
	}
	password1.value=calc.password.value;
}

//实现backspace键的功能
function setpassvalue() {
	var longnum=calc.password.value.length;
	var num
	num=calc.password.value.substr(0,longnum-1);
	calc.password.value=num;
	var str=calc.password.value;
	password1.value=calc.password.value;
}

//输入完毕
function overinput() {
	var str=calc.password.value;
	password1.value=calc.password.value;
	softkeyboard.style.display="none";
	calc.password.value="";
	password1.readonly=0;
}

//关闭软键盘
function closekeyboard() {
	password1.readonly=0;
	password1.focus();
	softkeyboard.style.display="none";
	password1.value="";
}

//显示软键盘
function showkeyboard(event) {
	softkeyboard.style.top=(event.clienty+document.body.scrolltop+15)+"px";
	if(parseint(event.clientx-390)>0) {
		softkeyboard.style.left=(event.clientx-390)+"px";
	}
	else {
		softkeyboard.style.left=0;
	}
	calc.password.value="";
	softkeyboard.style.display="block";
	password1.readonly=1;
	password1.blur();
	password1.value="";
}

//设置是否大写的值
function setcapslock() {
	if(capslockvalue==0) {
		capslockvalue=1
	}
	else {
		capslockvalue=0
	}
}

function setcalcbuttonbg() {
	for(var i=0;i<calc.elements.length;i++){
		if(calc.elements[i].type=="button" && calc.elements[i].bgtype!="1") {
			var str1=calc.elements[i].value;
			str1=str1.trim();
			if(parseint(str1.length)==1) 
			{
				calc.elements[i].style.width="20px";
				calc.elements[i].style.height="20px";
				calc.elements[i].onclick=function() {
					var thisbuttonvalue=this.value.trim();
					addvalue(thisbuttonvalue);
				}
			}
		}
	}
}

string.prototype.trim = function() {
    // 用正则表达式将前后空格
    // 用空字符串替代。
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

var capslockflag;
capslockflag=true;

function capslocktext() {
	if(capslockflag)//改成大写
	{
		for(var i=0;i<calc.elements.length;i++) {
			var char=calc.elements[i].value;
			var char=char.trim()
			if(calc.elements[i].type=="button" && char>="a" && char<="z" && char.length==1) {
			
				calc.elements[i].value=" "+string.fromcharcode(char.charcodeat(0)-32)+" "
			}
		}
	}
	else
	{
		for(var i=0;i<calc.elements.length;i++) {
			var char=calc.elements[i].value;
			var char=char.trim()
			if(calc.elements[i].type=="button" && char>="a" && char<="z" && char.length==1) {
			
				calc.elements[i].value=" "+string.fromcharcode(char.charcodeat(0)+32)+" "
			}
		}
	}
	capslockflag=!capslockflag;
}

function checkkeyboard(inputobj,event){
	inputobj.value="";
	password1=inputobj;
	showkeyboard(event);
	inputobj.readonly=1;
}

/*-------------------------鼠标拖动---------------------*/ 
var od = $("keyboardtitle");
var odcontent = $("softkeyboard"); 
var dx,dy,mx,my,moused;
var odrag;
var isie = document.all ? true : false;
document.onmousedown = function(e){
	var e = e ? e : event;
	if(e.button == (document.all ? 1 : 0)) {
		moused = true;   
	}
}
document.onmouseup = function(){
	moused = false;
	odrag = "";
	if(isie){
		od.releasecapture();
		odcontent.filters.alpha.opacity = 100;
	}
	else{
		window.releaseevents(od.mousemove);
		odcontent.style.opacity = 1;
	}  
}

//function readymove(e){ 
od.onmousedown = function(e){
	odrag = this;
	var e = e ? e : event;
	if(e.button == (document.all ? 1 : 0)){
		mx = e.clientx;
		my = e.clienty;
		od.style.left = od.offsetleft + "px";
		od.style.top = od.offsettop + "px";
		if(isie){
			od.setcapture();    
			odcontent.filters.alpha.opacity = 70;
		}
		else{
			window.captureevents(event.mousemove);
			odcontent.style.opacity = 0.7;
		}
	} 
}
document.onmousemove = function(e){
	var e = e ? e : event;
	if(moused==true && odrag){  
		var mrx = e.clientx - mx;
		var mry = e.clienty - my; 
		od.style.left = parseint(od.style.left) +mrx + "px";
		od.style.top = parseint(od.style.top) + mry + "px";   
		odcontent.style.left = parseint(odcontent.style.left) +mrx + "px";
		odcontent.style.top = parseint(odcontent.style.top) + mry + "px";   
		mx = e.clientx;
		my = e.clienty;
	}
}