<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="description" content="Tizen Web IME template generated by Tizen Web IDE"/>

    <title>Tizen Wearable Web IME</title>

    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script type="text/javascript" src="lib/web-helper-client.js"></script>
</head>

<body>
<!-- English-lowercase mode, Rectangle -->
<div id="rect-english-lowercase" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('q')" ontouchstart="javascript:keyPressed('q')">q</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('w')" ontouchstart="javascript:keyPressed('w')">w</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('e')" ontouchstart="javascript:keyPressed('e')">e</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('r')" ontouchstart="javascript:keyPressed('r')">r</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('t')" ontouchstart="javascript:keyPressed('t')">t</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('y')" ontouchstart="javascript:keyPressed('y')">y</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('u')" ontouchstart="javascript:keyPressed('u')">u</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('i')" ontouchstart="javascript:keyPressed('i')">i</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('o')" ontouchstart="javascript:keyPressed('o')">o</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('p')" ontouchstart="javascript:keyPressed('p')">p</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key5">
				</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('a')" ontouchstart="javascript:keyPressed('a')">a</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('s')" ontouchstart="javascript:keyPressed('s')">s</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('d')" ontouchstart="javascript:keyPressed('d')">d</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('f')" ontouchstart="javascript:keyPressed('f')">f</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('g')" ontouchstart="javascript:keyPressed('g')">g</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('h')" ontouchstart="javascript:keyPressed('h')">h</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('j')" ontouchstart="javascript:keyPressed('j')">j</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('k')" ontouchstart="javascript:keyPressed('k')">k</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('l')" ontouchstart="javascript:keyPressed('l')">l</td>
				<td class="key5">
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key15 shiftBtnOff" onmousedown="javascript:inputModeChanged('rect-english-lowercase','rect-english-uppercase')" ontouchstart="javascript:inputModeChanged('rect-english-lowercase','rect-english-uppercase')">&nbsp;</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('z')" ontouchstart="javascript:keyPressed('z')">z</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('x')" ontouchstart="javascript:keyPressed('x')">x</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('c')" ontouchstart="javascript:keyPressed('c')">c</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('v')" ontouchstart="javascript:keyPressed('v')">v</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('b')" ontouchstart="javascript:keyPressed('b')">b</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('n')" ontouchstart="javascript:keyPressed('n')">n</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('m')" ontouchstart="javascript:keyPressed('m')">m</td>
				<td class="key15 backspaceBtn" onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key15 numsymBtn" onmousedown="javascript:inputModeChanged('rect-english-lowercase','rect-numsym1')" ontouchstart="javascript:inputModeChanged('rect-english-lowercase','rect-numsym1')">123</td>
				<td class="key15 functionKeyBtn" onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,</td>
				<td class="key40 spaceBtn" onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()" >&nbsp;</td>
				<td class="key15 functionKeyBtn" onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.</td>
				<td class="key15 enterBtn" onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - English-lowercase mode, Rectangle -->

<!-- English-uppercase mode, Rectangle -->
<div id="rect-english-uppercase" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('Q')" ontouchstart="javascript:keyPressed('Q')">Q
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('W')" ontouchstart="javascript:keyPressed('W')">W
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('E')" ontouchstart="javascript:keyPressed('E')">E
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('R')" ontouchstart="javascript:keyPressed('R')">R
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('T')" ontouchstart="javascript:keyPressed('T')">T
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('Y')" ontouchstart="javascript:keyPressed('Y')">Y
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('U')" ontouchstart="javascript:keyPressed('U')">U
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('I')" ontouchstart="javascript:keyPressed('I')">I
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('O')" ontouchstart="javascript:keyPressed('O')">O
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('P')" ontouchstart="javascript:keyPressed('P')">P
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key5">
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('A')" ontouchstart="javascript:keyPressed('A')">A
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('S')" ontouchstart="javascript:keyPressed('S')">S
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('D')" ontouchstart="javascript:keyPressed('D')">D
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('F')" ontouchstart="javascript:keyPressed('F')">F
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('G')" ontouchstart="javascript:keyPressed('G')">G
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('H')" ontouchstart="javascript:keyPressed('H')">H
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('J')" ontouchstart="javascript:keyPressed('J')">J
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('K')" ontouchstart="javascript:keyPressed('K')">K
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('L')" ontouchstart="javascript:keyPressed('L')">L
				</td>
				<td class="key5">
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key15 shiftBtnOn"
					onmousedown="javascript:inputModeChanged('rect-english-uppercase', 'rect-english-lowercase')" ontouchstart="javascript:inputModeChanged('rect-english-uppercase', 'rect-english-lowercase')">&nbsp;
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('Z')" ontouchstart="javascript:keyPressed('Z')">Z
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('X')" ontouchstart="javascript:keyPressed('X')">X
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('C')" ontouchstart="javascript:keyPressed('C')">C
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('V')" ontouchstart="javascript:keyPressed('V')">V
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('B')" ontouchstart="javascript:keyPressed('B')">B
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('N')" ontouchstart="javascript:keyPressed('N')">N
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('M')" ontouchstart="javascript:keyPressed('M')">M
				</td>
				<td class="key15 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key15 numsymBtn"
					onmousedown="javascript:inputModeChanged('rect-english-uppercase', 'rect-numsym1')" ontouchstart="javascript:inputModeChanged('rect-english-uppercase', 'rect-numsym1')" >123
				</td>
				<td class="key15 functionKeyBtn" onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,</td>
				<td class="key40 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
				<td class="key15 functionKeyBtn"
					onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.
				</td>
				<td class="key15 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - English-uppercase mode, Rectangle -->

<!-- Numsym mode (1/2) mode, Rectangle-->
<div id="rect-numsym1" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('!')" ontouchstart="javascript:keyPressed('!')">!
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('@')" ontouchstart="javascript:keyPressed('@')">@
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('#')" ontouchstart="javascript:keyPressed('#')">#
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('$')" ontouchstart="javascript:keyPressed('$')">$
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('/')" ontouchstart="javascript:keyPressed('/')">/
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('^')" ontouchstart="javascript:keyPressed('^')">^
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('&')" ontouchstart="javascript:keyPressed('&')">&
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('*')" ontouchstart="javascript:keyPressed('*')">*
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('(')" ontouchstart="javascript:keyPressed('(')">(
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(')')" ontouchstart="javascript:keyPressed(')')">)
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key15 shiftBtnOff"
					onmousedown="javascript:keyPressed('')" ontouchstart="javascript:keyPressed('')">&nbsp;
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('-')" ontouchstart="javascript:keyPressed('-')">-
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('\'')" ontouchstart="javascript:keyPressed('\'')">'
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('&quot;')" ontouchstart="javascript:keyPressed('&quot;')">"
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(':')" ontouchstart="javascript:keyPressed(':')">:
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(';')" ontouchstart="javascript:keyPressed(';')">;
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('?')" ontouchstart="javascript:keyPressed('?')">?
				</td>
				<td class="key15 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key15 numsymBtn"
					onmousedown="javascript:inputModeChanged('rect-numsym1', 'rect-english-lowercase')" ontouchstart="javascript:inputModeChanged('rect-numsym1', 'rect-english-lowercase')" >abc
				</td>
				<td class="key15 functionKeyBtn" onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,</td>
				<td class="key40 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
				<td class="key15 functionKeyBtn"
					onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.
				</td>
				<td class="key15 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - Numsym(1/2) mode, Rectangle -->

<!-- numberonly mode, Rectangle-->
<div id="rect-numberonly" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key25 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key25 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key25 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25">
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
				<td class="key25">
				</td>
				<td class="key25">
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - numberonly mode, Rectangle -->

<!-- IP mode, Rectangle-->
<div id="rect-ip" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key25 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key25 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key25 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25">
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.
				</td>
				<td class="key25">
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - IP mode, rectangle -->

<!-- PhoneNumber mode, Rectangle-->
<div id="rect-phonenumber" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key25 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key25 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key25 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
				    onmousedown="javascript:keyPressed('*')" ontouchstart="javascript:keyPressed('*')">*
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
				<td class="key25 keyBtn"
				    onmousedown="javascript:keyPressed('#')" ontouchstart="javascript:keyPressed('#')">#
				</td>
				<td class="key25 keyBtn"
				    onmousedown="javascript:keyPressed('+')" ontouchstart="javascript:keyPressed('+')">+
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - PhoneNumber mode, rectangle -->




<!-- English-lowercase mode, Circle -->
<div id="circle-english-lowercase" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('q')" ontouchstart="javascript:keyPressed('q')">q</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('w')" ontouchstart="javascript:keyPressed('w')">w</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('e')" ontouchstart="javascript:keyPressed('e')">e</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('r')" ontouchstart="javascript:keyPressed('r')">r</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('t')" ontouchstart="javascript:keyPressed('t')">t</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('y')" ontouchstart="javascript:keyPressed('y')">y</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('u')" ontouchstart="javascript:keyPressed('u')">u</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('i')" ontouchstart="javascript:keyPressed('i')">i</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('o')" ontouchstart="javascript:keyPressed('o')">o</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('p')" ontouchstart="javascript:keyPressed('p')">p</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key5"></td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('a')" ontouchstart="javascript:keyPressed('a')">a</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('s')" ontouchstart="javascript:keyPressed('s')">s</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('d')" ontouchstart="javascript:keyPressed('d')">d</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('f')" ontouchstart="javascript:keyPressed('f')">f</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('g')" ontouchstart="javascript:keyPressed('g')">g</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('h')" ontouchstart="javascript:keyPressed('h')">h</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('j')" ontouchstart="javascript:keyPressed('j')">j</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('k')" ontouchstart="javascript:keyPressed('k')">k</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('l')" ontouchstart="javascript:keyPressed('l')">l</td>
				<td class="key5"></td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key5"></td>
				<td class="key10 shiftBtnOff" onmousedown="javascript:inputModeChanged('circle-english-lowercase','circle-english-uppercase')" ontouchstart="javascript:inputModeChanged('circle-english-lowercase','circle-english-uppercase')">&nbsp;</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('z')" ontouchstart="javascript:keyPressed('z')">z</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('x')" ontouchstart="javascript:keyPressed('x')">x</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('c')" ontouchstart="javascript:keyPressed('c')">c</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('v')" ontouchstart="javascript:keyPressed('v')">v</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('b')" ontouchstart="javascript:keyPressed('b')">b</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('n')" ontouchstart="javascript:keyPressed('n')">n</td>
				<td class="key10 keyBtn" onmousedown="javascript:keyPressed('m')" ontouchstart="javascript:keyPressed('m')">m</td>
				<td class="key10 backspaceBtn" onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;</td>
				<td class="key5"></td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key22"></td>
				<td class="key10 numsymBtn" onmousedown="javascript:inputModeChanged('circle-english-lowercase','circle-numsym1')" ontouchstart="javascript:inputModeChanged('circle-english-lowercase','circle-numsym1')">123</td>
				<td class="key10 functionKeyBtn" onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,</td>
				<td class="key16 spaceBtn" onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()" >&nbsp;</td>
				<td class="key10 functionKeyBtn" onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.</td>
				<td class="key10 enterBtn" onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;</td>
				<td class="key22"></td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - English-lowercase mode, Circle -->

<!-- English-uppercase mode, Circle -->
<div id="circle-english-uppercase" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('Q')" ontouchstart="javascript:keyPressed('Q')">Q
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('W')" ontouchstart="javascript:keyPressed('W')">W
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('E')" ontouchstart="javascript:keyPressed('E')">E
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('R')" ontouchstart="javascript:keyPressed('R')">R
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('T')" ontouchstart="javascript:keyPressed('T')">T
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('Y')" ontouchstart="javascript:keyPressed('Y')">Y
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('U')" ontouchstart="javascript:keyPressed('U')">U
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('I')" ontouchstart="javascript:keyPressed('I')">I
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('O')" ontouchstart="javascript:keyPressed('O')">O
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('P')" ontouchstart="javascript:keyPressed('P')">P
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key5">
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('A')" ontouchstart="javascript:keyPressed('A')">A
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('S')" ontouchstart="javascript:keyPressed('S')">S
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('D')" ontouchstart="javascript:keyPressed('D')">D
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('F')" ontouchstart="javascript:keyPressed('F')">F
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('G')" ontouchstart="javascript:keyPressed('G')">G
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('H')" ontouchstart="javascript:keyPressed('H')">H
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('J')" ontouchstart="javascript:keyPressed('J')">J
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('K')" ontouchstart="javascript:keyPressed('K')">K
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('L')" ontouchstart="javascript:keyPressed('L')">L
				</td>
				<td class="key5">
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
			    <td class="key5"></td>
				<td class="key10 shiftBtnOn"
					onmousedown="javascript:inputModeChanged('circle-english-uppercase', 'circle-english-lowercase')" ontouchstart="javascript:inputModeChanged('circle-english-uppercase', 'circle-english-lowercase')">&nbsp;
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('Z')" ontouchstart="javascript:keyPressed('Z')">Z
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('X')" ontouchstart="javascript:keyPressed('X')">X
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('C')" ontouchstart="javascript:keyPressed('C')">C
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('V')" ontouchstart="javascript:keyPressed('V')">V
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('B')" ontouchstart="javascript:keyPressed('B')">B
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('N')" ontouchstart="javascript:keyPressed('N')">N
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('M')" ontouchstart="javascript:keyPressed('M')">M
				</td>
				<td class="key10 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
				<td class="key5"></td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key22"></td>
				<td class="key10 numsymBtn"
					onmousedown="javascript:inputModeChanged('circle-english-uppercase', 'circle-numsym1')" ontouchstart="javascript:inputModeChanged('circle-english-uppercase', 'circle-numsym1')" >123
				</td>
				<td class="key10 functionKeyBtn" onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,</td>
				<td class="key16 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
				<td class="key10 functionKeyBtn"
					onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.
				</td>
				<td class="key10 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
				<td class="key22"></td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - English-uppercase mode, Circle -->

<!-- Numsym mode (1/2) mode, Circle-->
<div id="circle-numsym1" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('!')" ontouchstart="javascript:keyPressed('!')">!
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('@')" ontouchstart="javascript:keyPressed('@')">@
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('#')" ontouchstart="javascript:keyPressed('#')">#
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('$')" ontouchstart="javascript:keyPressed('$')">$
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('/')" ontouchstart="javascript:keyPressed('/')">/
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('^')" ontouchstart="javascript:keyPressed('^')">^
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('&')" ontouchstart="javascript:keyPressed('&')">&
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('*')" ontouchstart="javascript:keyPressed('*')">*
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('(')" ontouchstart="javascript:keyPressed('(')">(
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(')')" ontouchstart="javascript:keyPressed(')')">)
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
			    <td class="key5"></td>
				<td class="key10 shiftBtnOff"
					onmousedown="javascript:keyPressed('')" ontouchstart="javascript:keyPressed('')">&nbsp;
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('-')" ontouchstart="javascript:keyPressed('-')">-
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('\'')" ontouchstart="javascript:keyPressed('\'')">'
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('&quot;')" ontouchstart="javascript:keyPressed('&quot;')">"
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(':')" ontouchstart="javascript:keyPressed(':')">:
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(';')" ontouchstart="javascript:keyPressed(';')">;
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,
				</td>
				<td class="key10 keyBtn"
					onmousedown="javascript:keyPressed('?')" ontouchstart="javascript:keyPressed('?')">?
				</td>
				<td class="key10 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
				<td class="key5"></td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key22"></td>
				<td class="key10 numsymBtn"
					onmousedown="javascript:inputModeChanged('circle-numsym1', 'circle-english-lowercase')" ontouchstart="javascript:inputModeChanged('circle-numsym1', 'circle-english-lowercase')" >abc
				</td>
				<td class="key10 functionKeyBtn" onmousedown="javascript:keyPressed(',')" ontouchstart="javascript:keyPressed(',')">,</td>
				<td class="key16 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
				<td class="key10 functionKeyBtn"
					onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.
				</td>
				<td class="key10 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
				<td class="key22"></td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - Numsym(1/2) mode, Circle -->


<!-- numberonly mode, Circle-->
<div id="circle-numberonly" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key25 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key25 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key25 spaceBtn"
				    onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key40"></td>
				<td class="key20 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
				<td class="key40"></td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - numberonly mode, Circle -->

<!-- IP mode, Circle-->
<div id="circle-ip" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key25 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key25 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key25 spaceBtn"
					onmousedown="javascript:spacePressed()" ontouchstart="javascript:spacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key30"></td>
				<td class="key20 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
				<td class="key20 keyBtn"
					onmousedown="javascript:keyPressed('.')" ontouchstart="javascript:keyPressed('.')">.
				</td>
				<td class="key30"></td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - IP mode, Circle -->


<!-- PhoneNumber mode, Circle-->
<div id="circle-phonenumber" class="invisible">
	<table class="tbl1">
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('1')" ontouchstart="javascript:keyPressed('1')">1
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('2')" ontouchstart="javascript:keyPressed('2')">2
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('3')" ontouchstart="javascript:keyPressed('3')">3
				</td>
				<td class="key25 backspaceBtn"
					onmousedown="javascript:backspacePressed()" ontouchstart="javascript:backspacePressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('4')" ontouchstart="javascript:keyPressed('4')">4
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('5')" ontouchstart="javascript:keyPressed('5')">5
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('6')" ontouchstart="javascript:keyPressed('6')">6
				</td>
				<td class="key25 enterBtn"
					onmousedown="javascript:enterPressed()" ontouchstart="javascript:enterPressed()">&nbsp;
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('7')" ontouchstart="javascript:keyPressed('7')">7
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('8')" ontouchstart="javascript:keyPressed('8')">8
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('9')" ontouchstart="javascript:keyPressed('9')">9
				</td>
				<td class="key25 keyBtn"
					onmousedown="javascript:keyPressed('+')" ontouchstart="javascript:keyPressed('+')">+
				</td>
			</tr>
			</table>
		</td>
	</tr>
	<tr class="tr25">
		<td class="td25">
			<table class="tbl1">
			<tr class="tr100">
				<td class="key27">
				</td>
				<td class="key15 keyBtn"
					onmousedown="javascript:keyPressed('*')" ontouchstart="javascript:keyPressed('*')">*
				</td>
				<td class="key15 keyBtn"
					onmousedown="javascript:keyPressed('0')" ontouchstart="javascript:keyPressed('0')">0
				</td>
				<td class="key15 keyBtn"
					onmousedown="javascript:keyPressed('#')" ontouchstart="javascript:keyPressed('#')">#
				</td>
				<td class="key28">
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>
<!-- /page - PhoneNumber mode, Circle -->

</body>
<script type="text/javascript" src="js/user-script.js"></script>
</html>
