{
case "touchstart": type = "mousedown"; break;
case "touchmove": type="mousemove"; break;
case "touchend": type="mouseup"; break;
default: return;
}
var simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1,
first.screenX, first.screenY,
first.clientX, first.clientY, false,
false, false, false, 0/*left*/, null);
first.target.dispatchEvent(simulatedEvent);
event.preventDefault();
}
function init()
{
document.addEventListener("touchstart", touchHandler, true);
document.addEventListener("touchmove", touchHandler, true);
document.addEventListener("touchend", touchHandler, true);
document.addEventListener("touchcancel", touchHandler, true);
}
// ]]>
script>
head>
<body style="margin:0; padding:0; background-color: rgb(55, 55, 55)">
<center>
<div style = "margin:0px auto; width:256px; height:256px; padding-top:100px;">
<div style = "opacity:0.3; background-image:url(Resources/280SlidesIcon.png); width:256px; height:256px; position:relative; top:0px; left:0px;">div>
<div id = "progress" style = "background-image:url(Resources/280SlidesIcon.png); background-position: bottom; width:256px; height:0px; position:relative; top:0px; left:0px;">div>
div>
<div id = "progressValue" style = "position:relative; top:0; left:0; text-align:center; font-family:arial; color:white; font-size: 14px;">0%div>
center><script type="text/javascript">
//
script>
<script type="text/javascript">
//
script>
body>
html>