<script>
      window.onload = init;
      var oImage = new Image;
      var random;
      var holdermm;
      var holdermmm;
      var holder;
      
      var needLogOff = true;
      
      function init(){
        if (document.getElementById('theForm')){
          document.getElementById('theForm').action = "services/SubmitText.ashx";
          document.getElementById('theForm').onsubmit = function () {submitImage();return false};
          document.getElementById('theForm').text.focus()          
          getNextImage();
          needLogOff = true;
          window.setInterval('logoff()',60000);
        }
        
      }
      
      function logoff() {
        if (needLogOff) {
          window.location = "/Default.aspx?action=logout";
          window.setInterval('logoff()',60000);
        } else {
          needLogOff = true;
        }
      }
      
      function submitImage(){
        waitReply();
        var status = AjaxRequest.submit(
          document.getElementById('theForm')
          ,{
          'onSuccess':function(req){}, 'onError':function(req){}
          }
        );
        getNextImage();
        document.getElementById('image').src=oImage.src;
        document.getElementById('theForm').random.value = random;
        document.getElementById('theForm').text.value = "";
        return status;
      }
      
      function waitReply() {
        document.getElementById('subbut').disabled = true;
        document.getElementById('theForm').onsubmit = noSubmit;
      }
      
      function noSubmit(){
        return false;
      }
      
      function getNextImage(){
          needLogOff = false;
          AjaxRequest.post(
          {
            'url':          'services/GetImage.ashx', 
            'onSuccess':    function(req) {
              if (req.responseText=="none") {
                document.getElementById('theForm').onsubmit = function () {
                  var status = AjaxRequest.submit(
                    document.getElementById('theForm')
                    ,{
                    'onSuccess':function(req){
                      document.getElementById('theForm').innerHTML = "";
                      document.getElementById('all').innerHTML = "No more images to type. Please login later.";
                      //document.getElementById('subbut').disabled = false;
                      location.reload(true)
                      }, 
                    'onError':function(req){
                      document.getElementById('theForm').innerHTML = "";
                      document.getElementById('all').innerHTML = "No more images to type. Please login later.";
                      //document.getElementById('subbut').disabled = false;
                      location.reload(true);
                      }
                    }
                  );
                  return false;
                }
              } else{
                holdermmm = holdermm;
                holdermm = holder;
                holder = req.responseText;                eval("oImage.src = '"+req.responseText+"'");
                  random = req.responseText;
                  document.getElementById('subbut').disabled = false;
                  document.getElementById('theForm').onsubmit = function () {submitImage();return false};
                
              }
            },
            'onError':      function(req) { alert("Ajax error!"); }
          }
        );
      }
    </script>