var canvas = {
	canvasEl:null,
	canvasCtx:null,
	idElement:null,
	xScale:null,
	xDecal:null,
	imageObj:null,
	angle:0,
	rayon:100,
	speed:0.05,
	init:function(id){
		this.idElement = id;
		this.canvasEl = document.getElementById(this.idElement);
		if (this.canvasEl.getContext){
			this.canvasCtx = this.canvasEl.getContext("2d");
			this.xScale = 1;
			this.xDecal = -0.1;
			this.imageObj = new Image();
			this.imageObj.src = 'firefox.png';
			this.startDraw();
			setInterval("canvas.startDraw()", 50);
			
		}
	},
	startDraw:function(){
		
		this.canvasCtx.clearRect(0,0,500,500);
		this.canvasCtx.globalCompositeOperation = 'destination-over';
		
		this.canvasCtx.save();
		this.canvasCtx.translate(250,250);
		
		this.canvasCtx.translate(Math.sin(this.angle)*this.rayon, (Math.cos(this.angle)+1)/4*this.rayon); 
		this.canvasCtx.scale(Math.cos(this.angle), 1);
		
		this.canvasCtx.scale((Math.cos(this.angle)+1)/2+0.5, (Math.cos(this.angle)+1)/2+0.5);
		this.canvasCtx.drawImage(this.imageObj,-30,-60);
		
		this.angle= this.angle + this.speed
		
		this.canvasCtx.restore();
		
		//Trace des données
		//document.getElementById("trace").innerHTML = "Angle :"+Math.cos(this.angle)
		 
	}
	
}