function handleOrientation(o) {

var drawingCanvas = document.getElementById('myDrawing');
	
	// Check the element is in the DOM and the browser supports canvas
	if(drawingCanvas && drawingCanvas.getContext) {
		// Initaliase a 2-dimensional drawing context
		
var context = drawingCanvas.getContext('2d');

var xc = 75;
var yc = 75;
var xi = 0;
var yi = 0;

var myImage = new Image();
var scale = (o)? ((o.y < 0.1)?o.y+1:1) : 1;
var angle = (Math.PI/2)*-o.x;

myImage.onload = function() {
	context.clearRect(0,0,160,160);
	context.save();
	
	xi = xi*Math.cos(angle)-yi*Math.sin(angle)-xc;
	yi = yi*Math.sin(angle)+yi*Math.cos(angle)-yc;
	
	
	context.translate( xc , yc);
	
	context.rotate(angle);
	context.scale(scale,scale);
	context.drawImage(myImage, xi, yi);
	
	context.restore();
}
    myImage.src = "http://www.developers-life.com/wp-content/rect.png";
			var myImagee = new Image();
				myImagee.onload = function() {
					context.save();

						context.drawImage(myImagee, 0, 0);

					context.restore();
				}
				myImagee.src = "http://www.developers-life.com/wp-content/rect.png";
			
	}
}