<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Camelon | Rekam Digital</title>
<LINK href="../images/index.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-image: url();
}
.style1 {color: #FFFFFF}
-->
</style></head>

<body>
<table width="1000"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td ><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1%">&nbsp;</td>
        <td width="25%"><strong>PROSES SIDIK JARI TAHAP 2 </strong></td>
        <td width="66%">&nbsp;</td>
        <td width="8%"><a href="index.carapakai.php" class="menu">HELP</a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td ><form action="digitalsidik2.php" method="post" name="sidik" id="sidik">
      <table width="100%"  border="0" align="center" cellpadding="2" cellspacing="2">
        <tr>
          <td>
            <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td bgcolor="#FF3300"><table width="100%"  border="0" cellspacing="6" cellpadding="6">
                    <tr>
                      <td width="66%"><div align="left"></div>
                          <div align="right" class="style1">
                            <div align="left"><strong>DATA INFORMASI DIGITAL TERSANGKA </strong></div>
                        </div></td>
                      <td width="34%"><div align="center"><span class="style1">With ID : <b><?PHP echo $id = $_GET["uid"]; ?>
In Table <b><?PHP echo $table = $_GET["table"]; ?></b> 
<input name="sid" type="hidden" id="sid" value="<?PHP echo $id = $_GET["uid"]; ?>">
<b>
<input name="table" type="hidden" id="table" value="<?PHP echo $table = $_GET["table"]; ?>">
</b> </b></span></div></td>
                    </tr>
                </table></td>
              </tr>
            </table>
            <table width="100%"  border="0" align="center" cellpadding="4" cellspacing="4" class="panel">
              <tr>
                <td width="28%" valign="top"><table width="320" align="center">
                    <tr>
                      <td valign=top>
                        <div align="center">
                          <script type="text/javascript" src="webcam.js"></script>
                          <!-- Configure a few settings -->
                          <script language="JavaScript">
		webcam.set_api_url( 'upfoto.php' );
		webcam.set_quality( 90 ); // JPEG quality (1 - 100)
		webcam.set_shutter_sound( true ); // play shutter click sound
	                    </script>
                          <!-- Next, write the movie to the page at 320x240 -->
                          <script language="JavaScript">
		document.write( webcam.get_html(500, 240) );
	                    </script>
                          <br><br><input name="button" type=button onClick="webcam.configure()" value="Settings">
                          <input name="button" type=button onClick="webcam.freeze()" value="Ambil Foto">
                          <input name="button" type=button onClick="webcam.reset()" value="Foto Ulang">
                          <input name="button" type=button onClick="do_upload()" value="Upload"> 
                            <script language="JavaScript">
		webcam.set_hook( 'onComplete', 'my_completion_handler' );
		
		function do_upload() {
			// upload to server
			document.getElementById('upload_results').innerHTML = 'Uploading...';
			webcam.upload();
			
		}
		
		function my_completion_handler(msg) {
			// extract URL out of PHP output
			if (msg.match(/(http\:\/\/\S+)/)) {
				var image_url = RegExp.$1;
				// show JPEG image in page
				document.getElementById('upload_results').innerHTML = 
					'Foto Sukses Diupload <br>' + 
					'<img src="' + image_url + '"><input name="foto" type="hidden" id="foto" value="' + image_url + '">';
				
				// reset camera for another shot
				webcam.reset();
			}
			else alert("PHP Error: " + msg);
		}
	                    </script>
                        </div></td>
                    </tr>
                    <tr>
                      <td valign=top><div id="upload_results" style="background-color:#eee;">
                        
                      </div></td>
                    </tr>
                </table></td>
                </tr>
            </table>
            <table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><table width="100%"  border="0" cellspacing="6" cellpadding="6">
                  <tr>
                    <td>Apabila Error Silahkan Refresh Browser atau tekan F5. </td>
                  </tr>
                  <tr>
                    <td>Jika Tahanan Tahap 2 Lebih dari 1 Orang Jejerkan Sebelum Ambil Foto dan Beri Papan Identitas </td>
                  </tr>
                </table></td>
              </tr>
            </table>
            <table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
            <table width="90%"  border="0" align="center" cellpadding="2" cellspacing="2">
              <tr>
                <td colspan="2"><div align="right">
                </div></td>
              </tr>
              <tr>
                <td width="51%">
                  <div align="left">                  </div></td>
                <td width="49%"><div align="right">
                  <input type="submit" name="Submit" value="NEXT">
                </div></td>
              </tr>
              <tr>
                <td colspan="2">&nbsp;</td>
              </tr>
          </table></td>
        </tr>
      </table>
    </form></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="37"><table width="100%" border="0" cellspacing="5" cellpadding="5">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

