var panels = $(".panel");
var viewportWidth = window.innerWidth;
var viewportHeight = window.innerHeight;

var mouseX, mouseY, x, y;

window.onmousemove = function (e) {
	mouseX = e.clientX;
	mouseY = e.clientY;

	x = (viewportWidth / 2) - mouseX;
	x = (x / viewportWidth) * 145;

	y = (viewportHeight / 2) - mouseY;
	y = (y / viewportHeight) * 90;
	y = - y;

	var rotateValX = "rotateX(" + (y|0) + "deg)";
	var rotateValY = "rotateY(" + (x|0) + "deg)";
	
	var cssRotateVal = rotateValX + " " + rotateValY;

	if($.browser.webkit) {
		panels.css({
			"-webkit-transform" : cssRotateVal
		});
	}/* else {
		panels.css({
			"-moz-transform" : "rotate(" + (y + x) + "deg)",
			"-o-transform" : "rotate(" + (y + x) + "deg)",
			"transform" : "rotate(" + (y + x) + "deg)"
		});
	}*/
}

window.onresize = function () {
	viewportWidth = window.innerWidth;
	viewportHeight = window.innerHeight;
}