$(document).ready(function() {
	document.addEventListener("touchmove", function(e){e.preventDefault();}, false); 
	
	// Hooks
	window.onorientationchange=updateOrientation;
	updateOrientation();
	
	$(".card").click(function(){
		$(this).toggleClass('flipped');
	});
});


function updateOrientation(){
	switch(window.orientation){
		case 0:
			flipit();
		break;

		case -90:
			render();
		break;

		case 90:
			render();
		break;

		case 180:
			flipit();
		break;
	}
}

function render()
{
	$('#container').hide();
	window.scrollTo(0, 1);
	document.body.style.webkitTransform = 'rotate(-5deg)';
	$('#container').show();
}

function flipit()
{
	$('#container').hide();
  	window.scrollTo(0, 0);
	document.body.style.webkitTransform = 'rotate(85deg)';
	$('#container').show();
	
}