var myX = 120, myY = 170;
var kvadratX = 100 , kvadratY = 150;
var kvadrat2X = 198 , kvadrat2Y = 310;
var kvadrat3X = 235 , kvadrat3Y = 180;
var kvadrat4X = 500 , kvadrat4Y = 149;
var deads = 0;
var posoka1 = 1, posoka2 = 2 , posoka3 = 1 , posoka4 = 2;
var speed = 2.5;
var pobedi = false;
function prerajdane(){
    myX = 120;
    myY = 170;
    deads ++;
}

function update() {
    if(isKeyPressed[39]) myX+=1.5;
    if(isKeyPressed[37]) myX-=1.5
    if(isKeyPressed[40]) myY+=1.5;
    if(isKeyPressed[38]) myY-=1.5;

    if(!isKeyPressed[39]){
        if(!isKeyPressed[37]){
            if(!isKeyPressed[40]){
                if(!isKeyPressed[38]){
                    if(isKeyPressed[68]) myX+=1.5;
                    if(isKeyPressed[65]) myX-=1.5
                    if(isKeyPressed[83]) myY+=1.5;
                    if(isKeyPressed[87]) myY-=1.5;
                }
            }
        }
    }
    if(myX < 101) myX = 101
    if(myY > 329) myY = 329
    if(myY < 150) myY = 150
    if(myX > 180 && myX < 230 && myY < 310) myX = 180
    if(myX < 235 && myY < 310 && myX > 200) myX = 235;
    if(myY < 313 && myX >  200 && myX < 235) myY = 313
    if(myX > 270 && myX < 535 && myY > 290) myY = 290
    if(myX > 235 && myX < 500 && myY < 180) myY = 180;
    if(myX > 580) myX = 580;
    if(myX > 248 && myY >= 290 && myX < 280) myX = 248;
    if(myX > 512 && myY > 160) myX = 512;
    if(myX > 500 && myY < 160) pobedi = true;
 };
function draw() {
	context.fillStyle="	#6495ED "
	context.fillRect(0,0,800,600);
    context.fillStyle = " #80ff80 "
    context.strokeRect(kvadrat3X , kvadrat3Y , 300 , 130);
    context.strokeRect(kvadrat2X , kvadrat2Y , 70 , 40);
    context.strokeRect(kvadratX , kvadratY , 100 , 200);
    context.strokeRect(kvadrat4X , kvadrat4Y , 100 , 35);
    context.fillRect(kvadratX , kvadratY , 100 , 200)
    context.fillRect(kvadrat2X , kvadrat2Y , 70 , 40)
    context.fillRect(kvadrat4X , kvadrat4Y , 100 , 35)
    context.fillRect(kvadrat3X , kvadrat3Y , 300 , 130)
	context.fillStyle="red"
	context.fillRect(myX , myY , 20 , 20);
    context.strokeStyle = "black"
    context.font = "20px Verdana"
    context.fillStyle = " purple "
    context.fillText("Go here !" , 500 , 170)
    context.lineWidth = "3"
    context.strokeRect(myX , myY , 20 , 20);
    context.font = "60px Verdana"
    context.fillStyle = "black"
    context.fillText("Deads : " + deads , 430 , 65)
    if(pobedi){
        context.fillStyle = " yellow "
        context.fillRect(0 , 0 , 800 , 600);
        context.font = "150px Verdana"
        context.fillStyle = "black"
        context.fillText("You win !!!" , 0 , 150)
        context.fillStyle = "black"
        context.font = "30px Verdana"
        context.fillText("Developed by Maxim Hristov" , 10 , 590)
    }
};

function keyup(key) {
    console.log("Pressed", key);
};

function mouseup() {
    console.log("Mouse clicked at", mouseX,mouseY);
};