{
    Crafty.c(
	"Wall", {
	    init: function() {
		this.addComponent("2D,Canvas,Color,Collision,WiredHitBox,wall")
		    .color('black');
	    },
	    wall: function(x,y,w,h) {
		this.x = x*1 || 0;
		this.y = y*1 || 0;
		this.w = w*1 || 0;
		this.h = h*1 || 0;
		
		this.attr({x:this.x, y:this.y, w:this.w, h:this.h})
		    .collision();
		
		return this;
	    }
	}
    );
    
    Crafty.c(
	"Thing", {
	    init: function() {
		this.addComponent("2D,Canvas,Color,thing");
		this.old_pos={"x":0, "y":0};
	    },
	    thing: function(x,y,w,h,col) {
		this.x = x || 0;
		this.y = y || 0;
		this.w = w || 20;
		this.h = h || 20;
		this.col = col || "black";
		
		/* Might get usefull later!
		 this.last_position={x:this.x, y:this.y};*/
		
		this.attr({x:this.x, y:this.y, w:this.w, h:this.h})
		    .color(col);
		this.old_pos["x"]=this.x;
		this.old_pos["y"]=this.y;
		return this;
	    }
	}
    );
    
    /*    Crafty.c(
     "Creature", {
     init: function() {
     this.addComponent*/
    
    Crafty.c(
	"Creature", {
	    init: function() {
		this.addComponent("Thing,Fourway,Draggable,Collision,WiredHitBox,Mouse,player");
	    },
	    player: function(x,y,w,h,col) {
		this.h = h || 40;
		this.w = w || 40;
		this.thing(x,y,w,h,col)
		    .collision()
		    .fourway(4)
		    .onHit("wall",function() {
			this.stopDrag();
			var hb;
			while( (hb=this.hit('wall')) && (this.hit('wall')[0].normal) ) {
			    this.x += Math.ceil(hb[0].normal.x * -hb[0].overlap);
			    this.y += Math.ceil(hb[0].normal.y * -hb[0].overlap);
			}
		    });
		this.bind('MouseDown', function(e) {
		    if(e.mouseButton === Crafty.mouseButtons.LEFT) {
			this.old_pos["x"]=this.x;
			this.old_pos["y"]=this.y;
		    };
		    Crafty("Creature").each( function() {
			this.disableControl();
		    });
		    this.enableControl();
		});
		
		return this;
	    }
	}
    );
    /*    var fig=Crafty.e('Collision, 2D, Canvas, Color,Fourway,Draggable,WiredHitBox,Mouse,player')
     .attr({x: 20, y: 20, w: 100, h: 100})
     .color('#F00')
     .fourway(4)
     .collision()
     .onHit("wall",function() {
     this.stopDrag();
     
     });*/
    
    var start_init = function() {
	Crafty.init(500,250, document.getElementById('game'));
    };	

    var end_init = function() {
	Crafty("Creature").each( function() {
	    this.disableControl();
	});
    };

}