$(function() {
      /*$('#zuil_login').bind('submit',function(event)
      {
          // Get the variables
          event.preventDefault();



          var xhr = new XMLHttpRequest();
          xhr.open('POST', 'http://my.teetime.local/app/zuil/booking/auth/login', true);
          xhr.withCredentials = true;
          xhr.send();

          xhr.onloadend = function() {
            submitform();
          }

          return false;
      });*/

    });

    function login_teetime(relatie_id) {
        var xhr = new XMLHttpRequest();
        xhr.open('POST', 'http://my.teetime.local/app/zuil/booking/auth/login', true);
        xhr.withCredentials = true;
        xhr.send();
    }

    var log_pass_string = false;
    var pass_string = '';
    var myfocus = '';

    var club_id = 0;
    var paslezer = 1;

    var track1_separator = 37; //%
    var track2_separator = 63; //?
var qrstart = 32; // ' '

    var freegolf_seperator = 59; //; freegolf

    var parsing_track1 = false;
    var parsing_track2 = false;
    var parsing_track3 = false;
var parsing_qr = false;

    var parsed_track1 = false;
    var parsed_track2 = false;
    var parsed_track3 = false;

    var parsed_freegolf_track = false;

    var track1_data = '';
    var track2_data = '';
    var track3_data = '';
var qr_data = '';

    var use_tracks = new Array();

    var timeout_count = 0;
    var timeout_c = '';

    /**
    * TvO 14-5-2007 10:38:56
    * Wanneer mensen een pas er doorheen halen die begint met een van de 2 seperators
    * en de pas bevat geen return character dan blijft het bezig met login scherm staan.
    *   -> Refresh het scherm..
    **/
    function waitForTimeout(){
      //5 seconden wachten
      if(timeout_count < 17){
        //Eerste keer dan timeout aanzetten
        timeout_count++;
        timeout_c = setTimeout("waitForTimeout()", 1000);
      }else{
        //Stoppen
        clearTimeout(timeout_c);
        location.href = 'zuil_login.php';
      }
    }



    function setTracks(tracks){
      use_tracks = tracks.split(",");
      paslezer = document.getElementById('paslezer').value;
      club_id = document.getElementById('club_id').value;

      //Zet de goeie separators
       switch(paslezer){
        case "1":
          track1_separator = 37;
          track2_separator = 63;
        break;
        case "2":
          track1_separator = 37;
          track2_separator = 59;
        break;
        default:
          track1_separator = 37;
          track2_separator = 63;
      }
    }

    function submitform()
    {
      document.getElementById('track1').value = track1_data;
      document.getElementById('track2').value = track2_data;
      document.getElementById('track3').value = track3_data;

      document.login.submit();
    }


    function disableInputs(){
      //document.getElementById('username').disabled = "disabled";

        if(parsing_qr){
document.getElementById('username').value = "qr";
document.getElementById('password').value = "qr";
        }else{
document.getElementById('username').value = "ngfpas";
document.getElementById('password').value = "ngfpas";
        }
    }

    function useTrack(number){
      if(use_tracks.toString().indexOf(number)!==-1)
        return true;
      else
        return false;
    }

    function logKeyPress (windowEvent)
    {
      new_keycode = windowEvent.keyCode ? windowEvent.keyCode : windowEvent.charCode

      // als club = freegolf en het is geen ngfpas.
      if(club_id != 746 || (club_id == 746 && new_keycode !== freegolf_seperator && !parsed_freegolf_track)) {
        if(!parsing_qr){
            if(new_keycode == track1_separator && !parsed_track1){
              //show bezig met login
              document.getElementById('bezig_inloggen').style.display = 'block';

              parsing_track1 = true;
              parsing_track2 = false;
              parsing_track3 = false;

              disableInputs();
              waitForTimeout();

            //track2 separator en track3 separator zijn hetzelfde
            }else if((new_keycode == track2_separator) && !parsed_track2){
              //show bezig met login
              document.getElementById('bezig_inloggen').style.display = 'block';
              if(!parsed_track2){
                parsing_track1 = false;
                parsing_track2 = true;
                parsing_track3 = false;

                disableInputs();
              }else if(parsed_track2 && !parsed_track3){
                parsing_track1 = false;
                parsing_track2 = false;
                parsing_track3 = true;

                disableInputs();
              }

              waitForTimeout();
            }else if(new_keycode == qrstart){
                document.getElementById('bezig_inloggen').style.display = 'block';

                parsing_qr = true;
                parsing_track1 = false;
                parsing_track2 = false;
                parsing_track3 = false;

                disableInputs();
                waitForTimeout();
            }
        }
    } else if(club_id == 746) {
      parsed_freegolf_track = true;
    }


      if(parsing_track1){
        temp = String.fromCharCode(new_keycode);
        track1_data += temp;
      }else if(parsing_track2){
        track2_data += String.fromCharCode(new_keycode);
      }else if(parsing_track3){
        track3_data += String.fromCharCode(new_keycode);
      }else if(parsing_qr){
            qr_data += String.fromCharCode(new_keycode);
        }



      //Check for CR
      if(new_keycode == 13 || new_keycode == 10){
        if(track1_data){
          parsed_track1 = true;

          //Check for finish

          //Rijk van Nijmegen is uitzondering omdat zij 2 verschillende paslezers
          //hebben en twee verschillende passen om in te loggen.
          //Hierbij ook nog de pech dat de data van de leden pas op track 2 staat
          //en niet op track1, gevolg: het inloggen met de leden pas
          //in het geval gaat goed wanneer 2 tracks gekozen worden
          //Maar helaas werkt dan de NGFPas niet meer op de zuil omdat de data
          //hier op track1 staat, de if(useTrack(1) && !useTrack(2) && !useTrack(3))
          // hieronder zal dus nooit true zijn omdat track2 ook geselecteerd is

          if(club_id == 41){ //Rijk van Nijmegen uitzondering!
            if(useTrack(1) && !useTrack(3)){
              submitform();
              return;
            }
          }else{
            //if(useTrack(1) && !useTrack(2) && !useTrack(3)){
              submitform();
              return;
            //}
          }
        }

        if(track2_data){
          parsed_track2 = true;
          //Check for finish
          if(useTrack(2) && !useTrack(3)){

            submitform();
            return;
          }
        }

        if(track3_data){
          parsed_track3 = true;

          //Check for finish
          if(useTrack(3)){
            submitform();
            return;
          }
        }

        if(qr_data) {
            //console.log('finish with qr data', qr_data);
        }
      }
    }

   /* function doswap(windowEvent)
    {
      new_keycode = windowEvent.keyCode? windowEvent.keyCode : windowEvent.charCode
      if (new_keycode == 37) {
          document.getElementById('username').disabled = "disabled";
          document.getElementById('username').value = "ngfpas";
          document.getElementById('password').value = "ngfpas";
          log_pass_string = true;
      }
    } */

    function newImage(arg) {
        if (document.images) {
            rslt = new Image();
            rslt.src = arg;
            return rslt;
        }
    }

    function changeImages() {
        if (document.images && (preloadFlag == true)) {
            for (var i=0; i<changeImages.arguments.length; i+=2) {
                document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
            }
        }
    }

    function writechar(mychar, e) {
        //stopBubbling(e);
        blaat = document.getElementById(myfocus).value;
        document.getElementById(myfocus).value = blaat + mychar;
    }

    function clearall(e) {
        //stopBubbling(e);
        document.getElementById(myfocus).value = "";
    }

    function backspace(e) {
        //stopBubbling(e);
        curlength = document.getElementById(myfocus).value.length;
        curvalue = document.getElementById(myfocus).value;
        cur = curvalue.substr(0, curlength - 1);
        document.getElementById(myfocus).value = cur;
    }

    function inputfocus(dofocus) {
        if (dofocus == 'username') {
            document.getElementById('username').style.border = '3px red solid';
            document.getElementById('password').style.border = '1px black solid';
            myfocus = 'username';
        }
        else {
            document.getElementById('password').style.border = '3px red solid';
            document.getElementById('username').style.border = '1px black solid';
            myfocus = 'password';
        }
    }

    function stopBubbling(e) {
        if (!e) var e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
    }

    function focusnext(e)
    {
        stopBubbling(e);
        if (myfocus == 'username')
        {
            document.getElementById('password').focus();
            inputfocus('password');
        }
        else
        {
            document.getElementById('username').focus();
            inputfocus('username');
        }
    }

    function hide(id) {
        document.getElementById(id).style.visibility = 'hidden';
    }


    function show(id) {
        document.getElementById(id).style.visibility = 'visible';
    }


    function is_visible(id) {
        if(document.getElementById(id).style.visibility == 'visible') {
            return 1;
        } else {
            return 0;
        }
    }


    function is_visibility_not_set(id) {
        if(document.getElementById(id).style.visibility == '') {
            return 1;
        } else {
            return 0;
        }
    }


    function toggle(id) {
        if(is_visible(id)) {
            hide(id);
        } else {
            show(id);
        }
    }

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        knop_toetsenbord_over = newImage("/gfx/keyboard/knop-toetsenbord_over.gif");
        keyboard_01_ImageMap_01_down = newImage("/gfx/keyboard/keyboard_01-ImageMap_01_dow.gif");
        keyboard_02_ImageMap_02_down = newImage("/gfx/keyboard/keyboard_02-ImageMap_02_dow.gif");
        keyboard_03_ImageMap_03_down = newImage("/gfx/keyboard/keyboard_03-ImageMap_03_dow.gif");
        keyboard_04_ImageMap_04_down = newImage("/gfx/keyboard/keyboard_04-ImageMap_04_dow.gif");
        keyboard_05_ImageMap_05_down = newImage("/gfx/keyboard/keyboard_05-ImageMap_05_dow.gif");
        keyboard_06_ImageMap_06_down = newImage("/gfx/keyboard/keyboard_06-ImageMap_06_dow.gif");
        keyboard_07_ImageMap_07_down = newImage("/gfx/keyboard/keyboard_07-ImageMap_07_dow.gif");
        keyboard_08_ImageMap_08_down = newImage("/gfx/keyboard/keyboard_08-ImageMap_08_dow.gif");
        keyboard_09_ImageMap_09_down = newImage("/gfx/keyboard/keyboard_09-ImageMap_09_dow.gif");
        keyboard_10_ImageMap_10_down = newImage("/gfx/keyboard/keyboard_10-ImageMap_10_dow.gif");
        keyboard_11_ImageMap_11_down = newImage("/gfx/keyboard/keyboard_11-ImageMap_11_dow.gif");
        keyboard_12_ImageMap_21_down = newImage("/gfx/keyboard/keyboard_12-ImageMap_21_dow.gif");
        keyboard_13_ImageMap_20_down = newImage("/gfx/keyboard/keyboard_13-ImageMap_20_dow.gif");
        keyboard_14_ImageMap_19_down = newImage("/gfx/keyboard/keyboard_14-ImageMap_19_dow.gif");
        keyboard_15_ImageMap_18_down = newImage("/gfx/keyboard/keyboard_15-ImageMap_18_dow.gif");
        keyboard_16_ImageMap_17_down = newImage("/gfx/keyboard/keyboard_16-ImageMap_17_dow.gif");
        keyboard_17_ImageMap_16_down = newImage("/gfx/keyboard/keyboard_17-ImageMap_16_dow.gif");
        keyboard_18_ImageMap_15_down = newImage("/gfx/keyboard/keyboard_18-ImageMap_15_dow.gif");
        keyboard_19_ImageMap_14_down = newImage("/gfx/keyboard/keyboard_19-ImageMap_14_dow.gif");
        keyboard_20_ImageMap_13_down = newImage("/gfx/keyboard/keyboard_20-ImageMap_13_dow.gif");
        keyboard_21_ImageMap_12_down = newImage("/gfx/keyboard/keyboard_21-ImageMap_12_dow.gif");
        keyboard_22_ImageMap_42_down = newImage("/gfx/keyboard/keyboard_22-ImageMap_42_dow.gif");
        keyboard_23_ImageMap_22_down = newImage("/gfx/keyboard/keyboard_23-ImageMap_22_dow.gif");
        keyboard_24_ImageMap_23_down = newImage("/gfx/keyboard/keyboard_24-ImageMap_23_dow.gif");
        keyboard_25_ImageMap_24_down = newImage("/gfx/keyboard/keyboard_25-ImageMap_24_dow.gif");
        keyboard_26_ImageMap_25_down = newImage("/gfx/keyboard/keyboard_26-ImageMap_25_dow.gif");
        keyboard_27_ImageMap_26_down = newImage("/gfx/keyboard/keyboard_27-ImageMap_26_dow.gif");
        keyboard_28_ImageMap_27_down = newImage("/gfx/keyboard/keyboard_28-ImageMap_27_dow.gif");
        keyboard_29_ImageMap_28_down = newImage("/gfx/keyboard/keyboard_29-ImageMap_28_dow.gif");
        keyboard_30_ImageMap_29_down = newImage("/gfx/keyboard/keyboard_30-ImageMap_29_dow.gif");
        keyboard_31_ImageMap_30_down = newImage("/gfx/keyboard/keyboard_31-ImageMap_30_dow.gif");
        keyboard_32_ImageMap_42_down = newImage("/gfx/keyboard/keyboard_32-ImageMap_42_dow.gif");
        keyboard_33_ImageMap_39_down = newImage("/gfx/keyboard/keyboard_33-ImageMap_39_dow.gif");
        keyboard_34_ImageMap_38_down = newImage("/gfx/keyboard/keyboard_34-ImageMap_38_dow.gif");
        keyboard_35_ImageMap_37_down = newImage("/gfx/keyboard/keyboard_35-ImageMap_37_dow.gif");
        keyboard_36_ImageMap_36_down = newImage("/gfx/keyboard/keyboard_36-ImageMap_36_dow.gif");
        keyboard_37_ImageMap_35_down = newImage("/gfx/keyboard/keyboard_37-ImageMap_35_dow.gif");
        keyboard_38_ImageMap_34_down = newImage("/gfx/keyboard/keyboard_38-ImageMap_34_dow.gif");
        keyboard_39_ImageMap_33_down = newImage("/gfx/keyboard/keyboard_39-ImageMap_33_dow.gif");
        keyboard_40_ImageMap_32_down = newImage("/gfx/keyboard/keyboard_40-ImageMap_32_dow.gif");
        keyboard_41_ImageMap_31_down = newImage("/gfx/keyboard/keyboard_41-ImageMap_31_dow.gif");
        keyboard_42_ImageMap_40_down = newImage("/gfx/keyboard/keyboard_42-ImageMap_40_dow.gif");
        keyboard_43_ImageMap_41_down = newImage("/gfx/keyboard/keyboard_43-ImageMap_41_dow.gif");
        preloadFlag = true;
    }
}