﻿
var keyboardstate2=1;
var permisoN4=0;
var leftN4;
var topN4;
var idCapa;
var idCapax;
var idCapay;
var iex;
var iey;
var dateSelected1;
function AddKeywordToText() {	
		//hideKeyboard();
		//Hieu chinh sua				
		document.forms["frmDict"].txtKeyword.value = document.forms["frmDict"].txtKeyword.value+dateSelected1;
							
	}
        
function captureN4(e)
{
    idCapa.captureEvents(Event.MOUSEMOVE)
    leftN4=e.x
    topN4=e.y
}                

function abstractN4(e)
{
    if (permisoN4==1)
    {
        idCapa.moveBy(e.x-leftN4,e.y-topN4)
        return false
    }
}

function paraN4()
{
    idCapa.releaseEvents(Event.MOUSEMOVE)
}


var permisoIE=false

function abstractIE()
{
    if (permisoIE==true)
    {
        document.all("Keyboard").style.pixelLeft=idCapax+event.clientX-iex;
        document.all("Keyboard").style.pixelTop=idCapay+event.clientY-iey;
        document.getElementById('iframeHidden').style.left = idCapax+event.clientX-iex;
		document.getElementById('iframeHidden').style.top = idCapay+event.clientY-iey;
        return false
    }
}


var permisoN6=false

function abstractN6(e)
{
    if (permisoN6==true)
    {
        idCapa.style.left=idCapax+e.clientX-n6x+"px"
        idCapa.style.top=idCapay+e.clientY-n6y+"px"
        return false
    }
}    
    
function paramN6(e)
{
        n6x=e.clientX ;
        n6y=e.clientY;
        idCapa.addEventListener("mousemove", abstractN6, false);                 
}


function init(onLeft,onTop)
{	
    if(document.all)
    {
        iex=event.clientX
        iey=event.clientY
        idCapax=document.all("Keyboard").style.pixelLeft
        idCapay=document.all("Keyboard").style.pixelTop
        if(idCapax == 0 && idCapay == 0){
        	idCapax = onLeft;
        	idCapay = onTop;
        }
		permisoIE=true
        abstractIE();
    }
    else if(document.layers)
    {
        idCapa=eval("Keyboard");
        idCapa.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
        idCapa.onmousedown=captureN4;
        idCapa.onmousemove=abstractN4;
        idCapa.onmouseup=paraN4;
    }
    else if(document.getElementById)
    {
        idCapa = document.getElementById("Keyboard");
        idCapa.addEventListener("mousedown", paramN6, false);                        
        idCapax=parseInt(document.getElementById("Keyboard").style.left);         
        idCapay=parseInt(document.getElementById("Keyboard").style.top);
        permisoN6=true
    }           
}        


function ShowHide(id)
{
    if (document.all)
        document.all("Keyboard").style.visibility="hidden"
    else if (document.layers)
        document.layers("Keyboard").visibility="hide"
    else if (document.getElementById)
        document.getElementById("Keyboard").style.visibility="hidden"
 }


/**************************************/
//Lay gia tri ngau nhien cho vi tri Top
/**************************************/
function GeneralPostion(){
	var intLeft = 100+Math.random()*400;
	while(intLeft>(screen.width-282)){
		intLeft = 100+Math.random()*400;
	}
	var intTop= 100+Math.random()*300;
	while(intLeft>(screen.width-95)){
		intTop = 100+Math.random()*300;
	}	
	if(intLeft < 275){
		intLeft = 275;
	}
	
	try{
		var actName = document.all("_FormName_").value;
		switch(actName){
			case "_LoginForm_" :
				if(intTop < 260){
					intTop = 260;
				}
				if(intTop > 360){
					intTop = 260;
				}
			break;
			case "_ForgotPasswordForm_":
				if(intTop < 260){
					intTop = 260;
				}
				if(intTop > 300){
					intTop = 560;
				}
			break;
			case "_RegisterNewUserForm_":
				if(intTop < 230){
					intTop = 260;
				}
				if(intTop > 280){
					intTop = 580;
				}			
			break;
			case "_ChangePass1byPass1Form_":
			case "_ChangePass1byPass2Form_":
			case "_ChangePass2byPass2Form_":
				if(intTop < 260){
					intTop = 260;
				}
				if(intTop > 280){
					intTop = 540;
				}	
			break;
			case "_ChangeQuestionForm_":
				if(intTop < 260){
					intTop = 260;
				}
				if(intTop > 300){
					intTop = 550;
				}
			break;				
			case "_CancelOTPCardForm_":
				if(intTop < 260){
					intTop = 260;
				}
				if(intTop > 350){
					intTop = 600;
				}
			break;
			case "_CreateAccountForumForm_":
				if(intTop < 260){
					intTop = 260;
				}
				if(intTop > 300){
					intTop = 530;
				}								
		}
	}catch(err){
	}	
	
	/*******************************************/
	//Ngoc Hieu ___2006/09/12
	//Xet gia tri mac dinh khi hien thi keyboard
	/*******************************************/
	intLeft=520;
	intTop=10;
	return intLeft+";"+intTop;		
}

/*
	Set hien/an cho ban phim
*/
function DoActionKeyboard(id)
{ 
	try{ 
		if(document.getElementById(id).style.display == "block"){		
			var strPostion = GeneralPostion();
			var arrPostion = strPostion.split(";");
			document.getElementById(id).style.left = arrPostion[0];		
			document.getElementById(id).style.top = arrPostion[1];
			
			var keyboardao = document.getElementById('Keyboard');
			var iframe = document.getElementById('iframeHidden');
			
			iframe.style.display = 'block';
			iframe.style.width = keyboardao.offsetWidth;
			iframe.style.height = keyboardao.offsetHeight;
			iframe.style.left = keyboardao.offsetLeft;
			iframe.style.top = keyboardao.offsetTop;
		}else{
			document.getElementById(id).style.display="block";
			
			var keyboardao = document.getElementById('Keyboard');
			var iframe = document.getElementById('iframeHidden');
			
			iframe.style.display = 'block';
			iframe.style.width = keyboardao.offsetWidth;
			iframe.style.height = keyboardao.offsetHeight;
			iframe.style.left = keyboardao.offsetLeft;
			iframe.style.top = keyboardao.offsetTop;
		}
		return;
	}catch(err){
		return;
	}
	
	
}

function CloseKeyboard(id){
	try{
		//alert('aaaaaaa');
		document.getElementById('iframeHidden').style.display = "none";
		var strPostion = GeneralPostion();
		var arrPostion = strPostion.split(";");
		document.getElementById(id).style.left = arrPostion[0];		
		document.getElementById(id).style.top = arrPostion[1];
		document.getElementById(id).style.display="none";	
	}catch(err){		
	}
}
/*
	Thiet lap cac style cho giao dien
*/
function OnStyleKeyboard(onLeft,onTop){
	try{
		var styleObjButton = "";
		var styleObjBody = "body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin:0px;}";
		var	styleObjKeyboard = ".PosKeyboard{position:absolute;display:none;left:"+onLeft+";top:"+onTop+";zIndex:auto;}";
		var	styleObjHeader = ".header_keyboard{font-family:Verdana;font-size:11px;font-weight: bold;background-color:#003399;color: #FFFFFF}";
		var	styleObjButtonClose = "input.button_close{font-family:Arial;font-size:10px;font-weight:bold;text-align:center;top:0px;width:18px;height:18px;border:1px solid #cccccc;background-color:#efefef;color:#333333}";		
		var styleObjButtonDisabled = ".buttondisable{color:#CCCCCC;background-color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif:;font-size:11px;font-weight:bold;border: solid 1px #88B9E9;}</style>";
		//Kiem tra browser	
		if(navigator.appName == "Netscape"){
			styleObjButton = "<html><HEAD><style>button{color:#000000;background-color:#FFFFFF;border: solid 1px #88B9E9;}";
		}else{
			styleObjButton = "<html><HEAD><style>button{width:20px;margin:1px;background:#ffffff;BORDER:1 #88B9E9 solid;MARGIN-LEFT: 2px;MARGIN-RIGHT: 2px;cursor:hand;}";
		}
		return styleObjButton+styleObjBody+styleObjKeyboard+styleObjHeader+styleObjButtonClose+styleObjButtonDisabled;
	}catch(err){
		return "";
	}
}

/*
	Load ban phim ao
*/
function OnLoadKeyboard(strTitle){
	try{
		var strPostion = GeneralPostion();
		var arrPostion = strPostion.split(";");		
		//InitKeyboardIE(520,0,strTitle)		
		if(navigator.appName == "Netscape"){
			InitKeyboardNetscape(520,0,strTitle)
		}else{
			InitKeyboardIE(520,0,strTitle)
		}
	}catch(err){
		return false;
	}
}

function AssignParam(wordparam)
{
	dateSelected1= wordparam;
	return false;
}
/*
	Ban phim ao danh cho IE
*/
function InitKeyboardIE(onLeft,onTop,strTitle){
	try{
		
	/******************************/
	var dayPointer=0;	
	var arrKytu = new Array();		
		var strKytu="";				
		if (keyboardstate2==30) //bang tieng Nhat		
				
		strKytu="ア;イ;ウ;エ;オ;NULL;ァ;ィ;ゥ;ェ;ォ;"		
		+"カ;キ;ク;ケ;コ;NULL;ガ;ギ;グ;ゲ;ゴ;"
		+"サ;シ;ス;セ;ソ;NULL;ザ;ジ;ズ;ゼ;ゾ;"
		+"タ;チ;ツ;テ;ト;NULL;ダ;NULL;ッ;デ;ド;"
		+"ナ;ニ;ヌ;ネ;ノ;NULL;ハ;ヒ;フ;ヘ;ホ;"
		+"バ;ビ;ブ;ベ;ボ;NULL;パ;ピ;プ;ぺ;ポ;"
		+"マ;ミ;ム;メ;モ;NULL;NULL;NULL;NULL;NULL;NULL;"
		+"ヤ;NULL;ユ;NULL;ヨ;NULL;ャ;NULL;ュ;NULL;ョ;"
		+"ラ;リ;ル;レ;ロ;NULL;ワ;ン;NULL;NULL;NULL;";		
		
		else if (keyboardstate2==31)//bang tieng Viet
			strKytu="a;&#225;&#224;&#7843;&#227;&#7841;NULL;o;&#243;&#242;&#7887;&#245;&#7885;"
			+"&#259;&#7855;&#7857;&#7859;&#227;&#7841;NULL;&#244;&#7889;&#7891;&#7893;&#7895;&#7897;"
			+"&#226;&#7845;&#7847;&#7849;&#7851;&#7853;NULL;&#417;&#7899;&#7901;&#7903;&#7905;&#7907;"
			+"e;&#233;&#232;&#7867;&#7869;&#7865;NULL;u;&#250;&#249;&#7911;&#361;&#7909;"
			+"&#234;&#7871;&#7873;&#7875;&#7877;&#7879;NULL;&#432;&#7913;&#7915;&#7917;&#7919;&#7921;"
			+"i;&#237;&#236;&#7881;&#297;&#7883;NULL;y;&#253;&#7923;&#7927;&#7929;&#7925;"
			+"NULL;NULL;NULL;NULL;NULL;NULL;NULL;&#273";		
		
		arrKytu = strKytu.split(";");
		
	/******************************/
	
		var stdOut = '';
		stdOut = OnStyleKeyboard(onLeft,onTop);			
		stdHeader = "<table border=\"0\" bgcolor=\"#FFFFFF\" background=\"/keyboardv2/images/background.gif\" style=\"border:1px solid #003399\" cellpadding=\"0\" cellspacing=\"0\" ><tr><td background=\"images/keyboard_top_bg.jpg\" ><table width=\"100%\" border=\"0\" class=\"header_keyboard\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"10%\" align=\"left\" ></td><td  onMousedown=\"permisoN4= 1;init("+onLeft+","+onTop+");\" onMouseout=\"permisoN4=0\" onMouseOver=\"this.style.cursor='move'\" width=\"100%\" align=\"center\" ><font color='#FFFFFF'>"+strTitle+"</font></td><td width=\"100%\" align=\"right\"><input class=\"button_close\" type=\"button\" id=\"close\" value=\"x\" onclick=\"CloseKeyboard('Keyboard');\"></td></tr></table></td></tr><tr><td><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td>";
		stdFooter = "</td></tr></table></td></tr></table>";
		stdOut += "</HEAD><body onmouseMove=\"abstractIE()\" onmouseup=\"permisoIE=false;permisoN6=false\"><div id=\"Keyboard\" class=\"PosKeyboard\">";
		stdOut += stdHeader;		
	    
	  /***************************************************************/
	    stdOut += "<TABLE background=\"/keyboardv2/images/background.gif\" border=\"0\" cellpadding=0 cellspacing=\"0\" onclick=\"MouseClickKey()\">";
		stdOut += "<TR>";				
		for	( datePointer=0; datePointer < arrKytu.length; datePointer++ ) {
		
			dayPointer++;
			sStyle="text-decoration:none;cursor:pointer;" ;//styleAnchor;				
			stdOut += "<td width=\"10\" style=\""+sStyle+"\" align=\"right\" onMouseOut=\"this.background=''\" onMouseOver=\"this.background='images/keyboard_hover.gif'\" onMouseDown=\"this.background='images/keyboard_mousedown.gif'\" onMouseUp= \"this.background='images/keyboard_hover.gif'\" >";											
			selWordAction = "onclick=\"AssignParam('" + arrKytu[datePointer] + "'); AddKeywordToText();\"";
					
			if (arrKytu[datePointer]!="NULL")									
				stdOut += "<a style=\""+sStyle+"\" "+selWordAction+" onMouseOut=\"this.background=''\" onMouseOver=\"this.background='images/keyboard_hover.gif'\" onMouseDown=\"this.background='images/keyboard_mousedown.gif'\" onMouseUp= \"this.background='images/keyboard_hover.gif'\" >&nbsp;<font color=#663300>"+arrKytu[datePointer]+"</font>&nbsp;</a></td>";							
			else
				stdOut += "&nbsp;&nbsp;</td>";			
			// Tieng Viet
			if (keyboardstate2==31)
			{ 
				if ((dayPointer) % 13==0) {
					stdOut += '</tr><tr>';				
				}
			}
			else
			{
				if ((dayPointer) % 11==0) {
					stdOut += '</tr><tr class=\"tam\" >';				
				}
			}
			
		}
		
		stdOut += "</TR>";
	    stdOut +="</TABLE>";
	  /***************************************************************/
	    
	    stdOut += stdFooter;
	    stdOut += "</DIV></BODY></HTML>";
		document.write(stdOut);
		
	}catch(err){
	}
}

/*
	Ban phim ao danh cho Netscape or Firefox
*/
function InitKeyboardNetscape(onLeft,onTop,strTitle){
	try{
	
	    /******************************/
	var dayPointer=0;	
	var arrKytu = new Array();		
		var strKytu="";				
		if (keyboardstate2==30) //bang tieng Nhat		
				
		strKytu="ア;イ;ウ;エ;オ;NULL;ァ;ィ;ゥ;ェ;ォ;"		
		+"カ;キ;ク;ケ;コ;NULL;ガ;ギ;グ;ゲ;ゴ;"
		+"サ;シ;ス;セ;ソ;NULL;ザ;ジ;ズ;ゼ;ゾ;"
		+"タ;チ;ツ;テ;ト;NULL;ダ;NULL;ッ;デ;ド;"
		+"ナ;ニ;ヌ;ネ;ノ;NULL;ハ;ヒ;フ;ヘ;ホ;"
		+"バ;ビ;ブ;ベ;ボ;NULL;パ;ピ;プ;ぺ;ポ;"
		+"マ;ミ;ム;メ;モ;NULL;NULL;NULL;NULL;NULL;NULL;"
		+"ヤ;NULL;ユ;NULL;ヨ;NULL;ャ;NULL;ュ;NULL;ョ;"
		+"ラ;リ;ル;レ;ロ;NULL;ワ;ン;NULL;NULL;NULL;";		
		
		else if (keyboardstate2==31)//bang tieng Viet
			strKytu="a;&#225;&#224;&#7843;&#227;&#7841;NULL;o;&#243;&#242;&#7887;&#245;&#7885;"
			+"&#259;&#7855;&#7857;&#7859;&#227;&#7841;NULL;&#244;&#7889;&#7891;&#7893;&#7895;&#7897;"
			+"&#226;&#7845;&#7847;&#7849;&#7851;&#7853;NULL;&#417;&#7899;&#7901;&#7903;&#7905;&#7907;"
			+"e;&#233;&#232;&#7867;&#7869;&#7865;NULL;u;&#250;&#249;&#7911;&#361;&#7909;"
			+"&#234;&#7871;&#7873;&#7875;&#7877;&#7879;NULL;&#432;&#7913;&#7915;&#7917;&#7919;&#7921;"
			+"i;&#237;&#236;&#7881;&#297;&#7883;NULL;y;&#253;&#7923;&#7927;&#7929;&#7925;"
			+"NULL;NULL;NULL;NULL;NULL;NULL;NULL;&#273";		
		
		arrKytu = strKytu.split(";");
		
	/******************************/
	
		var stdOut = '';
		stdOut = OnStyleKeyboard(onLeft,onTop);	
		//stdHeader = "<table  border=\"0\" bgcolor=\"#FFFFFF\" background=\"/keyboardv2/images/background.gif\" style=\"border:1px solid #003399\" cellpadding=\"0\" cellspacing=\"0\"><tr bgcolor=\"#003399\"><td ><table width=\"100%\" border=\"0\" class=\"header_keyboard\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"10%\" align=\"left\"><img src=\"/keyboardv2/images/kb.gif\" style=\"position:relative\"></td><td  onMousedown=\"permisoN4= 1;init("+onLeft+","+onTop+");\" onMouseOver=\"this.style.cursor='move'\" onMouseout=\"permisoN4=0\" width=\"100%\" align=\"center\"><font color='#FFFFFF'>V&#249;ng di chuy&#7875;n b&#224;n ph&#237;m</font></td><td width=\"100%\" align=\"right\"><input class=\"button_close\" type=\"button\" id=\"close\" value=\"x\" onclick=\"CloseKeyboard('Keyboard')\"></td></tr></table></td></tr><tr><td><table  border=\"0\" cellpadding=\"0\" cellspacing=\"0\" ><tr><td>";
		stdHeader = "<table  border=\"0\" bgcolor=\"#FFFFFF\" background=\"/keyboardv2/images/background.gif\" style=\"border:1px solid #003399\" cellpadding=\"0\" cellspacing=\"0\"><tr><td background=\"images/keyboard_top_bg.jpg\" ><table width=\"100%\" border=\"0\" class=\"header_keyboard\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"10%\" align=\"left\"></td><td  onMousedown=\"permisoN4= 1;init("+onLeft+","+onTop+");\" onMouseOver=\"this.style.cursor='move'\" onMouseout=\"permisoN4=0\" width=\"100%\" align=\"center\"><font color='#FFFFFF'>V&#249;ng di chuy&#7875;n b&#224;n ph&#237;m</font></td><td width=\"100%\" align=\"right\"><input class=\"button_close\" type=\"button\" id=\"close\" value=\"x\" onclick=\"CloseKeyboard('Keyboard')\"></td></tr></table></td></tr><tr><td><table  border=\"0\" cellpadding=\"0\" cellspacing=\"0\" ><tr><td>";
		stdFooter = "</td></tr></table></td></tr></table>";
		stdOut += "</HEAD><body  onmouseMove=\"abstractIE()\" onmouseup=\"permisoIE=false;permisoN6=false\"><div id=\"Keyboard\"  style=\"position:absolute;display:none;left:"+onLeft+"px;top:"+onTop+"px;\">";
		stdOut += stdHeader;
		
		/***************************************************************/
	    stdOut += "<TABLE background=\"/keyboardv2/images/background.gif\" border=\"0\" cellpadding=0 cellspacing=\"0\" onclick=\"MouseClickKey()\">";
		stdOut += "<TR>";				
		for	( datePointer=0; datePointer < arrKytu.length; datePointer++ ) {
		
			dayPointer++;
			sStyle="text-decoration:none;cursor:pointer;" ;//styleAnchor;				
			stdOut += "<td style=\""+sStyle+"\" align=\"right\" onMouseOut=\"this.background=''\" onMouseOver=\"this.background='images/keyboard_hover.gif'\" onMouseDown=\"this.background='images/keyboard_mousedown.gif'\" onMouseUp= \"this.background='images/keyboard_hover.gif'\" >";											
			selWordAction = "onclick=\"AssignParam('" + arrKytu[datePointer] + "'); AddKeywordToText();\"";
					
			if (arrKytu[datePointer]!="NULL")									
				stdOut += "<a style=\""+sStyle+"\" "+selWordAction+" onMouseOut=\"this.background=''\" onMouseOver=\"this.background='images/keyboard_hover.gif'\" onMouseDown=\"this.background='images/keyboard_mousedown.gif'\" onMouseUp= \"this.background='images/keyboard_hover.gif'\" >&nbsp;<font color=#663300>"+arrKytu[datePointer]+"</font>&nbsp;</a></td>";							
			else
				stdOut += "&nbsp;&nbsp;</td>";			
			// Tieng Viet
			if (keyboardstate2==31)
			{ 
				if ((dayPointer) % 13==0) {
					stdOut += '</tr><tr>';				
				}
			}
			else
			{
				if ((dayPointer) % 11==0) {
					stdOut += '</tr><tr class=\"tam\" >';				
				}
			}							
			
		}
		/*stdOut += "<td>ア</td>";
		stdOut += "<td>ア</td>";
		stdOut += "<td>ア</td>";
		
		stdOut += "</TR>";
		stdOut += "<TR>";
		stdOut += "<td>ア</td>";
		stdOut += "<td>ア</td>";
		stdOut += "<td>ア</td>";*/
		
		stdOut += "</TR>";
		
	    stdOut +="</TABLE>";
	  /***************************************************************/
	  				
	    stdOut += stdFooter;    
	    stdOut += "</DIV></BODY></HTML>";		
		document.write(stdOut);
	}catch(err){	
	}
}

/*
	Thay doi status button
*/
function ChangeStatus(ObjEvent,ObjStatus){
	if(ObjStatus){
		ObjEvent.style.background='#003399';
		ObjEvent.style.color='#FFFFFF';
	}else{
		ObjEvent.style.background='#FFFFFF';
		ObjEvent.style.color='#000000';
	}
}

/**************************************************************************/
/*    BAN PHIM AO DANH CHO TRINH DUYET FIREFOX VA NESTCAPE                */
/**************************************************************************/

<!--
function MouseClickKey_Netscape(event){
	try{
		var objEvent = event.target;		
		if(objEvent.tagName.toUpperCase() == "BUTTON"&&!objEvent.disabled)
		{			
			if(objEvent.id=="back")
			{
				BackDel_Netscape();		
			}
			else if(objEvent.id=="cap")
			{	
				objEvent.clicked = !objEvent.clicked;
				ChangeStatus(objEvent,objEvent.clicked);
				CapSwitch_Netscape(objEvent.clicked);
			}
			else if(objEvent.id=="enter")
			{
				Enter_Netscape();
			}
			else if(objEvent.id=="clear")
			{
				Clear_Netscape();
			}
			else if(objEvent.id=="shift")
			{
				objEvent.clicked = !objEvent.clicked;
				ChangeStatus(objEvent,objEvent.clicked);
				ShiftSwitch_Netscape(objEvent.clicked);				
			}
			else if(objEvent.id=="shift1")
			{
				objEvent.clicked = !objEvent.clicked;
				ChangeStatus(objEvent,objEvent.clicked);
				ShiftSwitch1_Netscape(objEvent.clicked);				
			}			
			else
			{				
				var strChar = objEvent.textContent;				
				WriteBack_Netscape(strChar);
			}
		}
	}catch(err){
	}
}

function DetectAction_Netscape(){

	try{
		var NameField = top.document.all("ActionField").value;
		if(NameField == ""){
			alert("Xin hay chon field muon dien gia tri tu ban phim ao");
			document.getElementById('Keyboard').style.display="none";
			return;
		}			
		objInput = document.all(NameField);
		return objInput;	
	}catch(err){
		alert("Xin hay chon field muon dien gia tri tu ban phim ao");
		document.getElementById('Keyboard').style.display="none";
	}
}

function ShiftSwitch1_Netscape(bolShif)
{
	try{
		var arrSpecicalChar = Array('~','!','@','#','$','%','^','&','*','(',')','+','|','{','}','-',':','\"','<','>','?');
		var arrChar = Array('`','1','2','3','4','5','6','7','8','9','0','=','\\','[',']','_',';','\'',',','.','https://acc.volam.com.vn/');						
		
		var arrNum = document.all("num");
		var arrLetter = document.all("letter");
		var intLen = arrNum.length;	
		var intLenLetter = arrLetter.length;		
		
		/**
			Set static cho shift con lai
		*/
		if(bolShif){
			document.all("shift").style.background = "#003399";
			document.all("shift").style.color = "#FFFFFF";
		}else{
			document.all("shift").style.background = "#FFFFFF";
			document.all("shift").style.color = "#000000";
		}
		
		/**
			Kiem tra xem co bat capslook len ko
		*/				
		if(document.all("cap").style.color=="rgb(255, 255, 255)"){
			bolShifCap = true;
		}else{
			bolShifCap = false;
		}	
		for(var i=0;i<intLenLetter;i++){
			var strChar = arrLetter[i].textContent;
			if(bolShifCap && bolShif){
				arrLetter[i].textContent = strChar.toLowerCase();				
			}else if((bolShifCap && !bolShif) || (!bolShifCap && bolShif)){
				arrLetter[i].textContent = strChar.toUpperCase();				
			}else{
				arrLetter[i].textContent = strChar.toLowerCase();				
			}			
		}
		for(var i=0;i<intLen;i++){
			var strChar = arrNum[i].textContent;
			if(bolShif){
				arrNum[i].textContent = arrSpecicalChar[i];
			}else{				
				arrNum[i].textContent = arrChar[i];
			}
		}
	}catch(err){						
	}	
}

function ShiftSwitch_Netscape(bolShif)
{
	try{
		var arrSpecicalChar = Array('~','!','@','#','$','%','^','&','*','(',')','+','|','{','}','-',':','\"','<','>','?');
		var arrChar = Array('`','1','2','3','4','5','6','7','8','9','0','=','\\','[',']','_',';','\'',',','.','https://acc.volam.com.vn/');		
		var arrNum = document.all("num");
		var arrLetter = document.all("letter");
		var intLen = arrNum.length;	
		var intLenLetter = arrLetter.length;		
		
		/**
			Set static cho shift con lai
		*/
		if(bolShif){
			document.all("shift1").style.background = "#003399";
			document.all("shift1").style.color = "#FFFFFF";
		}else{
			document.all("shift1").style.background = "#FFFFFF";
			document.all("shift1").style.color = "#000000";
		}
		
		/**
			Kiem tra xem co bat capslook len ko
		*/				
		if(document.all("cap").style.color=="rgb(255, 255, 255)"){
			bolShifCap = true;
		}else{
			bolShifCap = false;
		}	
		for(var i=0;i<intLenLetter;i++){
			var strChar = arrLetter[i].textContent;
			if(bolShifCap && bolShif){
				arrLetter[i].textContent = strChar.toLowerCase();				
			}else if((bolShifCap && !bolShif) || (!bolShifCap && bolShif)){
				arrLetter[i].textContent = strChar.toUpperCase();				
			}else{
				arrLetter[i].textContent = strChar.toLowerCase();				
			}			
		}
		for(var i=0;i<intLen;i++){
			var strChar = arrNum[i].textContent;
			if(bolShif){
				arrNum[i].textContent = arrSpecicalChar[i];
			}else{				
				arrNum[i].textContent = arrChar[i];
			}
		}
	}catch(err){						
	}	
}

function Clear_Netscape()
{
	var objInput = DetectAction_Netscape();
	if(objInput){
		objInput.value ="";
	}
	else{
		document.getElementById('Keyboard').style.display="none";
	}
	
}

function BackDel_Netscape(){
	var objInput = DetectAction_Netscape();
	if(objInput){
		var strValue = objInput.value;
		var intLen = strValue.length-1;
		objInput.value = strValue.substr(0,intLen);
	}else{
		document.getElementById('Keyboard').style.display="none";
	}

}

function CapSwitch_Netscape(bolCap){	
	try{
		var arrLetter = document.all("letter");
		var intLen = arrLetter.length;			
		if(document.all("shift").style.color=="rgb(255, 255, 255)"){
			bolShif = true;
		}else{
			bolShif = false;
		}	
		for(var i=0;i<intLen;i++){
			var strChar = arrLetter[i].textContent;
			if(bolShif && bolCap){
				arrLetter[i].textContent = strChar.toLowerCase();				
			}else if((bolShif && !bolCap) || (!bolShif && bolCap)){
				arrLetter[i].textContent = strChar.toUpperCase();				
			}else{
				arrLetter[i].textContent = strChar.toLowerCase();				
			}			
		}
	}catch(err){
	}
}

function Enter_Netscape(){
	document.getElementById('Keyboard').style.display="none";
}

function WriteBack_Netscape(strChar){
	var objInput = DetectAction_Netscape();
	if(objInput){
		var strValue = objInput.value;
		var intLen = strValue.length;		
		var intSize = objInput.maxLength;
		if(intSize==0){
			intSize = 32;
		}
		if(intLen<intSize){
			objInput.value += strChar;	
		}else{
			alert("Chieu dai chuoi vuot qua quy dinh la "+intSize+" ky tu");
		}
	}else{
		document.getElementById('Keyboard').style.display="none";
	}	
}

function ChangeBdColor_Netscape(inEvent)
{
	Obj=event.srcElement;
	if(inEvent=="Over")  Obj.style.border="1 #FFCC66 solid";
	if(inEvent=="Out")  Obj.style.border="1 #88B9E9 solid";
}

/****************************** KET THUC ***********************************/

/**************************************************************************/
/*    BAN PHIM AO DANH CHO TRINH DUYET INTERNET EXPLORER                  */
/**************************************************************************/
<!--
//Khi click vao button tren ban phim ao
function MouseClickKey(){
	var objEvent = event.srcElement;
	if(objEvent.tagName.toUpperCase() == "BUTTON"&&!objEvent.disabled)
	{
		if(objEvent.id=="back")
		{
			BackDel();		
		}
		else if(objEvent.id=="cap")
		{
			objEvent.clicked = !objEvent.clicked;
			ChangeStatus(objEvent,objEvent.clicked);
			CapSwitch(objEvent.clicked);
		}
		else if(objEvent.id=="shift")
		{
			objEvent.clicked = !objEvent.clicked;
			ChangeStatus(objEvent,objEvent.clicked);
			ShiftSwitch(objEvent.clicked);
		}		
		else if(objEvent.id=="shift1")
		{
			objEvent.clicked = !objEvent.clicked;
			ChangeStatus(objEvent,objEvent.clicked);
			ShiftSwitch1(objEvent.clicked);						
		}		
		else if(objEvent.id=="enter")
		{
			Enter();
		}
		else if(objEvent.id=="clear")
		{
			Clear();
		}
		else
		{//lay ky tu da click
			var strChar = objEvent.innerText;						
			alert(strChar);
			WriteBack(strChar);
		}
	}
}
//Lay ten control muon dien gia tri vao
function DetectAction(){
	try{	
		//var NameField = top.document.all('ActionField').value;	
		var NameField = document.all('ActionField').value;			
		if(NameField == ""){
			alert("Xin hay chon field muon dien gia tri tu ban phim ao");
			document.getElementById('Keyboard').style.display="none";
			return;
		}	
		objInput = document.getElementById(NameField);		
		return objInput;	
	}catch(err){
		alert("Xin hay chon field muon dien gia tri tu ban phim ao");
		document.getElementById('Keyboard').style.display="none";
	}
}

function ShiftSwitch1(bolShif)
{
	try{
		var arrSpecicalChar = Array('~','!','@','#','$','%','^','&','*','(',')','+','|','{','}','-',':','\"','<','>','?');
		var arrChar = Array('`','1','2','3','4','5','6','7','8','9','0','=','\\','[',']','_',';','\'',',','.','https://acc.volam.com.vn/');		
		var arrNum = document.all("num");
		var arrLetter = document.all("letter");
		var intLen = arrNum.length;	
		var intLenLetter = arrLetter.length;		
		
		/**
			Set static cho shift con lai
		*/
		if(bolShif){
			document.all("shift").style.background = "#003399";
			document.all("shift").style.color = "#FFFFFF";
		}else{
			document.all("shift").style.background = "#FFFFFF";
			document.all("shift").style.color = "#000000";
		}
		
		
		/**
			Kiem tra xem co bat capslook len ko
		*/						
		if(document.all("cap").style.color=="#ffffff"){
			bolShifCap = true;
		}else{
			bolShifCap = false;
		}			
		for(var i=0;i<intLenLetter;i++){
			var strChar = arrLetter[i].innerText;
			if(bolShifCap && bolShif){
				arrLetter[i].innerText = strChar.toLowerCase();				
			}else if((bolShifCap && !bolShif) || (!bolShifCap && bolShif)){
				arrLetter[i].innerText = strChar.toUpperCase();				
			}else{
				arrLetter[i].innerText = strChar.toLowerCase();				
			}			
		}
		for(var i=0;i<intLen;i++){
			var strChar = arrNum[i].innerText;
			if(bolShif){
				arrNum[i].innerText = arrSpecicalChar[i];
			}else{				
				arrNum[i].innerText = arrChar[i];
			}
		}
	}catch(err){						
	}	
}

function ShiftSwitch(bolShif)
{
	try{
		var arrSpecicalChar = Array('~','!','@','#','$','%','^','&','*','(',')','+','|','{','}','-',':','\"','<','>','?');
		var arrChar = Array('`','1','2','3','4','5','6','7','8','9','0','=','\\','[',']','_',';','\'',',','.','https://acc.volam.com.vn/');		
		var arrNum = document.all("num");
		var arrLetter = document.all("letter");
		var intLen = arrNum.length;	
		var intLenLetter = arrLetter.length;		
		
		/**
			Set static cho shift con lai
		*/
		if(bolShif){
			document.all("shift1").style.background = "#003399";
			document.all("shift1").style.color = "#FFFFFF";
		}else{
			document.all("shift1").style.background = "#FFFFFF";
			document.all("shift1").style.color = "#000000";
		}
		
		
		/**
			Kiem tra xem co bat capslook len ko
		*/						
		if(document.all("cap").style.color=="#ffffff"){
			bolShifCap = true;
		}else{
			bolShifCap = false;
		}			
		for(var i=0;i<intLenLetter;i++){
			var strChar = arrLetter[i].innerText;
			if(bolShifCap && bolShif){
				arrLetter[i].innerText = strChar.toLowerCase();				
			}else if((bolShifCap && !bolShif) || (!bolShifCap && bolShif)){
				arrLetter[i].innerText = strChar.toUpperCase();				
			}else{
				arrLetter[i].innerText = strChar.toLowerCase();				
			}			
		}
		for(var i=0;i<intLen;i++){
			var strChar = arrNum[i].innerText;
			if(bolShif){
				arrNum[i].innerText = arrSpecicalChar[i];
			}else{				
				arrNum[i].innerText = arrChar[i];
			}
		}
	}catch(err){						
	}	
}

function Clear()
{ 
	var objInput = DetectAction();
	if(objInput){
		objInput.value ="";
	}
	else{
		document.getElementById('Keyboard').style.display="none";
	}	
}

function BackDel(){

	var objInput = DetectAction();
	if(objInput){
		var strValue = objInput.value;
		var intLen = strValue.length-1;
		objInput.value = strValue.substr(0,intLen);
	}else{
		document.getElementById('Keyboard').style.display="none";
	}	
}

function CapSwitch(bolCap){
	try{
		var arrLetter = document.all("letter");
		var intLen = arrLetter.length;
		if(document.all("shift").style.color=="#ffffff"){
			bolShif = true;
		}else{
			bolShif = false;
		}	
		for(var i=0;i<intLen;i++){
			var strChar = arrLetter[i].innerText;
			if(bolShif && bolCap){
				arrLetter[i].innerText = strChar.toLowerCase();				
			}else if((bolShif && !bolCap) || (!bolShif && bolCap)){
				arrLetter[i].innerText = strChar.toUpperCase();				
			}else{
				arrLetter[i].innerText = strChar.toLowerCase();				
			}			
		}
	}catch(err){
	}
}

function Enter(){
	document.getElementById('Keyboard').style.display="none";
}
//Ghi ky tu click vao control
function WriteBack(strChar){
	try{			
		var objInput = DetectAction();				
		if(objInput){
			var strValue = objInput.value;			
			var intLen = strValue.length;
			var intSize = objInput.maxLength;			
			if(intSize==0){
				intSize = 32;
			}
			if(intLen<intSize){
				objInput.value += strChar;
			}else{
				alert("Chieu dai chuoi vuot qua quy dinh la "+intSize+" ky tu");
			}
		}else{
			document.getElementById('Keyboard').style.display="none";
		}
	}catch(err){
	}	
}

function ChangeBdColor(inEvent)
{
	Obj=event.srcElement;
	if(inEvent=="Over")  Obj.style.border="1 #FFCC66 solid";
	if(inEvent=="Out")  Obj.style.border="1 #88B9E9 solid";
}



/****************************** KET THUC ***********************************/