function changePlayerAnimation(direction) {

	switch (direction) {
		case 0: //Direction left
			document.getElementById('player').innerHTML = '<img src="./images/kostekLeft1.png" />';
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekLeft3.png" />';
			}, playerSpeed / 3);
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekLeft2.png" />';
			}, playerSpeed / 2);
		break;
		case 1: //Direction right
			document.getElementById('player').innerHTML = '<img src="./images/kostekRight1.png" />';
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekRight3.png" />';
			}, playerSpeed / 3);
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekRight2.png" />';
			}, playerSpeed / 2);
		break;
		case 2: //Direction up
			document.getElementById('player').innerHTML = '<img src="./images/kostekUp1.png" />';
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekUp3.png" />';
			}, playerSpeed / 3);
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekUp2.png" />';
			}, playerSpeed / 2);
		break;
		case 3: //Direction down
			document.getElementById('player').innerHTML = '<img src="./images/kostekDown1.png" />';
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekDown3.png" />';
			}, playerSpeed / 3);
			setTimeout(function() {
				document.getElementById('player').innerHTML = '<img src="./images/kostekDown2.png" />';
			}, playerSpeed / 2);
		break;
	}
}