On load detects device orientation and adds the appropriate class to body. also listens for orientation changes and does the same thing. updates a notifier div and logs to console for dev purposes

detectOrientation.js

$(function detectOrientation(){

		var notifier = document.getElementById('notifier');
		var body = $('body');

		// set body class to portrait
		function setPortrait() { 
			// notifier.innerHTML="now in portrait mode"; 
			body.addClass('portrait').removeClass('landscape');
			console.log( 'now in portrait mode' );
		};

		// set body class to landscape
		function setLandscape() { 
			// notifier.innerHTML="now in landscape mode"; 
			body.addClass('landscape').removeClass('portrait');
			console.log( 'now in landscape mode' );
		};

		// detect orientation and set body class 
		function setOrientation() {
		var orientation = window.orientation;
			console.log ('current orientation : 'orientation);
		if (orientation == 0) { 
			setPortrait();
		} else if (orientation == 90 || orientation == -90) {
			setLandscape();
		}};

		// execute function
		setOrientation();

		// set body class on orientation change
		window.onorientationchange = function() {
			setOrientation();
		};

	});