document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);
document.removeEventListener('keydown',onkeydown);
document.removeEventListener('keyup',omu);

function omd(event) {
    console.log("omd =" + event);
    var x = Math.round(+100 - ((200.0 * event.offsetX) / 640.0));
    var y = Math.round(+100 - ((200.0 * event.offsetY) / 480.0));
    // sendJoy(x, y);
}
function omu(event) {
    console.log("omu =" + event);
    // sendJoy(0, 0);
}

var s = 0;
var r = 0;
var os = 0;
var or = 0;

var keys = [];

document.addEventListener("keydown",
    function(e){
        keys[e.keyCode] = true;
    },
false);

document.addEventListener('keyup',
    function(e){
        keys[e.keyCode] = false;
    },
false);

setInterval(function(){

    // W
    if (keys[87] == true)
        s = 100;
    // S
    else if (keys[83] == true)
        s = -100;
    else
        s = 0;

    // A
    if (keys[65] == true)
        if (s == 100)
            r = 85;
        else if (s == -100)
            r = -85;
        else
            r = 100;
    // D
    else if (keys[68] == true)
        if (s == 100)
            r = -85;
        else if (s == -100)
            r = 85;
        else
            r = -100;
    // E
    else if (keys[81] == true)
        r = 15;
    // Q
    else if (keys[69] == true)
        r = -15;
    else
        r = 0;


    sendJoy(r,s);
}, 20);

// function onkeydown(ev){
//     os = s;
//     or = r;
//     switch (ev.keyCode) {
//         // W
//         case 87:
//             s = 100;
//             break;
//         // S
//         case 83:
//             s = -100;
//             break;
//     }
//     switch (ev.keyCode) {
//         // A
//         case 65:
//             if (s == 100 || s == -100)
//                 r = 80
//             else
//                 r = 20
//             break;
//         // D
//         case 68:
//             if (s == 100 || s == -100)
//                 r = -80
//             else
//                 r = -20
//             break;
//         case 81:
//             r = 100
//             break;
//         case 69:
//             r = -100
//             break;
//         }
//     console.log(r, s)
//     sendJoy(r,s);
// }

// function onkeyup(ev){
//     os = s;
//     or = r;
//     switch (ev.keyCode) {
//         // W
//         case 87:
//             s = 0;
//             break;
//         // S
//         case 83:
//             s = 0;
//             break;
//     }
//     switch (ev.keyCode) {
//         // A
//         case 65:
//             r = 0;
//             break;
//         // D
//         case 68:
//             r = 0;
//             break;
//         case 81:
//             r = 0
//             break;
//         case 69:
//             r = 0
//             break;
//     }
//     console.log(r, s)
//     sendJoy(r,s);
// }

// document.addEventListener('keydown',onkeydown);
// document.addEventListener('keyup',onkeyup);

function addControl() {
    var control = duct.createDataChannel("http://localhost:8080/");
    control.onopen = function (c) {
        console.log("-c-> open");
        setInterval(function () {
            sendHeartbeat();
        }, 10000);
        controlChannel = control;
    };
    control.onmessage = function (e) {
        var message = JSON.parse(e.data);
        console.log("-c->" + JSON.stringify(message));
    };
    // document.addEventListener('keydown',onkeydown);
    // document.addEventListener('keyup',onkeyup);

}