fillano/offline test

## offline test
<!DOCTYPE html>
<html lang="zh-TW" manifest="test642.manifest">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script src="test642.js"></script>
</head>
<body>
	<input type="button" value="game" id="game"><input type="button" value="update" id="update">
	<div id="data"></div>
	<div id="panel"></div>
</body>
</html>
<script>
	document.getElementById('game').addEventListener('click', function(){
		window.open("test642a.html", null, "height=480,width=640");
	}, false);
	document.getElementById('update').addEventListener('click', function(){
		try {
			applicationCache.update();
		} catch(e) {
			document.getElementById('panel').innerHTML += '<li>Error: ' + e + '</li>';
		}
	}, false);
	document.getElementById('data').innerHTML = '<li>currentTime: ' + data.currentTime + '</li><li>currentPos: ' + data.currentPos + '</li>';
	document.getElementById('panel').innerHTML = '<li>' + applicationCache.status + '</li>';
	applicationCache.onchecking = function(){document.getElementById('panel').innerHTML += '<li>checking...</li>';};
	applicationCache.onerror = function(){document.getElementById('panel').innerHTML += '<li>error</li>';};
	applicationCache.onnoupdate = function(){document.getElementById('panel').innerHTML += '<li>noupdate</li>';};
	applicationCache.ondownloading = function(){document.getElementById('panel').innerHTML += '<li>downloading</li>';};
	applicationCache.onprogress = function(){document.getElementById('panel').innerHTML += '<li>progress</li>';};
	applicationCache.onupdateready = function(){document.getElementById('panel').innerHTML += '<li>updateready</li>';};
	applicationCache.oncached = function(){document.getElementById('panel').innerHTML += '<li>cached</li>';};
	applicationCache.onobsolete = function(){document.getElementById('panel').innerHTML += '<li>obsolete</li>';};
	window.ononline = function(){document.getElementById('panel').innerHTML += '<li>online</li>';};
	window.onoffline = function(){document.getElementById('panel').innerHTML += '<li>offline</li>';}
</script>
	<!DOCTYPE html>
	<html lang="zh-TW" manifest="test642.manifest">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf8">
	<script src="test642.js"></script>
	</head>
	<body>
	<input type="button" value="game" id="game"><input type="button" value="update" id="update">
	<div id="data"></div>
	<div id="panel"></div>
	</body>
	</html>
	<script>
	document.getElementById('game').addEventListener('click', function(){
	window.open("test642a.html", null, "height=480,width=640");
	}, false);
	document.getElementById('update').addEventListener('click', function(){
	try {
	applicationCache.update();
	} catch(e) {
	document.getElementById('panel').innerHTML += '<li>Error: ' + e + '</li>';
	}
	}, false);
	document.getElementById('data').innerHTML = '<li>currentTime: ' + data.currentTime + '</li><li>currentPos: ' + data.currentPos + '</li>';
	document.getElementById('panel').innerHTML = '<li>' + applicationCache.status + '</li>';
	applicationCache.onchecking = function(){document.getElementById('panel').innerHTML += '<li>checking...</li>';};
	applicationCache.onerror = function(){document.getElementById('panel').innerHTML += '<li>error</li>';};
	applicationCache.onnoupdate = function(){document.getElementById('panel').innerHTML += '<li>noupdate</li>';};
	applicationCache.ondownloading = function(){document.getElementById('panel').innerHTML += '<li>downloading</li>';};
	applicationCache.onprogress = function(){document.getElementById('panel').innerHTML += '<li>progress</li>';};
	applicationCache.onupdateready = function(){document.getElementById('panel').innerHTML += '<li>updateready</li>';};
	applicationCache.oncached = function(){document.getElementById('panel').innerHTML += '<li>cached</li>';};
	applicationCache.onobsolete = function(){document.getElementById('panel').innerHTML += '<li>obsolete</li>';};
	window.ononline = function(){document.getElementById('panel').innerHTML += '<li>online</li>';};
	window.onoffline = function(){document.getElementById('panel').innerHTML += '<li>offline</li>';}
	</script>