step=3;
stti=10;
interf=0;
interb=0;
interl=0;
interr=0;

function angle(x, y, bx, by) {
return Math.atan2(bx-x, by-y)/Math.PI*-180;
}

function dpf() {
map.panBy(0, -step);
}
function dpb() {
map.panBy(0, step);
}
function dpl() {
map.panBy(-step, 0);
}
function dpr() {
map.panBy(step, 0);
}
function setin(dir) {
//functorun=functor;
//functorun();
if (dir==0 && !interf) {
interf=setInterval(function() {
dpf();
}, stti);
}
if (dir==1 && !interb) {
interb=setInterval(function() {
dpb();
}, stti);
}
if (dir==2 && !interl) {
interl=setInterval(function() {
dpl();
}, stti);
}
if (dir==3 && !interr) {
interr=setInterval(function() {
dpr();
}, stti);
}
}
function clrin(dir) {
if (dir==0) {
clearInterval(interf);
interf=0;
}
if (dir==1) {
clearInterval(interb);
interb=0;
}
if (dir==2) {
clearInterval(interl);
interl=0;
}
if (dir==3) {
clearInterval(interr);
interr=0;
}
}

if (!(("ontouchstart" in window) || ("onmsgesturechange" in window))) {
$("#dpf, #dpb, #dpl, #dpr").css("display", "none");
}

//stackoverflow
function getPosition(e) {
    var targ;
    if (!e)
        e = window.event;
    if (e.target)
        targ = e.target;
    else if (e.srcElement)
        targ = e.srcElement;
    if (targ.nodeType == 3)
        targ = targ.parentNode;
var x = e.pageX - $(targ).offset().left;
var y = e.pageY - $(targ).offset().top;
$("#dirh").css("transform", "rotate("+angle(x, y, $("#you").width()/2, $("#you").height()/2)+"deg)");

}

function start() {

$("#tgpm").fadeOut();

counter=setInterval(function() {
timenow=new Date().getTime();
sec=timenow-timebefore;
$("#sec").html(sec+"ms");
}, 1);


$("#you").on("mousedown", function(event) {
getPosition(event);
});
$("#you").on("mousemove", function(event) {
getPosition(event);
});
$("#you").on("mouseup", function(event) {
getPosition(event);
});


if (("ontouchstart" in window) || ("onmsgesturechange" in window)) {
$("#dpf").on("touchstart", function() {
setin(0);
});
$("#dpb").on("touchstart", function() {
setin(1);
});
$("#dpl").on("touchstart", function() {
setin(2);
});
$("#dpr").on("touchstart", function() {
setin(3);
});
$("#dpf").on("touchend", function() {
clrin(0);
});
$("#dpb").on("touchend", function() {
clrin(1);
});
$("#dpl").on("touchend", function() {
clrin(2);
});
$("#dpr").on("touchend", function() {
clrin(3);
});
}
else {

$("#dpf").on("mousedown", function() {
setin(0);
});
$("#dpb").on("mousedown", function() {
setin(1);
});
$("#dpl").on("mousedown", function() {
setin(2);
});
$("#dpr").on("mousedown", function() {
setin(3);
});
$("#dpf").on("mouseup", function() {
clrin(0);
});
$("#dpb").on("mouseup", function() {
clrin(1);
});
$("#dpl").on("mouseup", function() {
clrin(2);
});
$("#dpr").on("mouseup", function() {
clrin(3);
});
}

$(document).off("keydown");

wasdown=0;
$(document).on("keydown", function(eve) {
w=eve.which;
if (w==87) {
setin(0);
}
else if (w==83) {
setin(1);
}
else if (w==65) {
setin(2);
}
else if (w==68) {
setin(3);
}
else if (w==38) {
setin(0);
}
else if (w==40) {
setin(1);
}
else if (w==37) {
setin(2);
}
else if (w==39) {
setin(3);
}
else if (w==27 || w==81) {
end();
}
});
$(document).on("keyup", function(eve) {
w=eve.which;
if (w==87) {
clrin(0);
}
else if (w==83) {
clrin(1);
}
else if (w==65) {
clrin(2);
}
else if (w==68) {
clrin(3);
}
else if (w==38) {
clrin(0);
}
else if (w==40) {
clrin(1);
}
else if (w==37) {
clrin(2);
}
else if (w==39) {
clrin(3);
}
});
}






function end() {
clrin(0);
clrin(1);
clrin(2);
clrin(3);
clearInterval(counter);
$("#you").off("mousedown").off("mousemove").off("mouseup");
if (("ontouchstart" in window) || ("onmsgesturechange" in window)) {
$("#dpf").off("touchstart").off("touchend");
$("#dpb").off("touchstart").off("touchend");
$("#dpl").off("touchstart").off("touchend");
$("#dpr").off("touchstart").off("touchend");
}
else {
$("#dpf").off("mousedown").off("mouseup");
$("#dpb").off("mousedown").off("mouseup");
$("#dpl").off("mousedown").off("mouseup");
$("#dpr").off("mousedown").off("mouseup");
}
wasdown=0;
$(document).off("keyup").off("keydown");
$(document).on("keydown", function(eve) {
if (eve.which==27 || eve.which==81) {
start();
}
});
$("#tgpm").fadeIn();
}



function getready() {
$("#menu").fadeOut();
$("#bar").css("background-color", "rgba(0, 0, 0, 0.5)");
$("#sec").html("Ready");
setTimeout(function() {
$("#sec").html("Set");
}, 2000);
setTimeout(function() {
$("#sec").html("Go! ");
}, 4000);
setTimeout(function() {
$("#kills").html("0 kills");

$("#tgp").fadeIn().click(function() {
end();
});
$("#cont").click(function() {
start();
});


timebefore=new Date().getTime();
start();
}, 4500);
}