var isTouchDevice = false;
var isMacOS = true;
var browser = '';


function initSemioweb()
{
/* 	alert(navigator.appVersion); */
 
	if (navigator.appVersion.indexOf('Mac') < 0)
	{
		isMacOS = false;
	}
 
	if (navigator.appVersion.indexOf('iPhone') > -1 ||
		navigator.appVersion.indexOf('iPod') > -1 ||
		navigator.appVersion.indexOf('iPad') > -1)
	{
		isTouchDevice = true;
		document.body.className += ' touch';

	}
 
	if (navigator.appVersion.indexOf('WebKit') > -1)
	{
 
		// Look for backface-visibility compatibility. Requires newest WebKit.
 
		if ((window.media && window.media.matchMedium('(-webkit-transform-3d)')) || (window.styleMedia && window.styleMedia.matchMedium('-webkit-transform-3d')))
		{
			document.body.className += ' browserWebKit';
			browser = 'webkit';
		}
		else
		{
			document.body.className += ' browserOldWebkit';
			browser = 'oldWebkit';		
		}
		
	}
	else
	{
		document.body.className += ' browserOther';
		browser = 'other';
	}
	
}
 
// Utility: Get Shift Key Status
// IE events don't seem to get passed through the function, so grab it from the window.
 
function testShift(evt) {
	var shift = false;
	if (! evt && window.event) {
		shift = window.event.shiftKey;
	} else if (evt) {
		shift = evt.shiftKey;
		if (shift) evt.stopPropagation(); // Prevents Firefox from doing shifty things
	}
	return shift;
}
 
 
 

function notify() {
	if (!valid_email($('email').value.trim())) {
		alert('Please enter your email.');
		$('email').focus();
		
		return false;
	}
	
	if ((ajaxing === false)) {
		ajaxing = true;
		
		var ajax = new Request({
			method: 'post',
			url: 'notify.php',
			data: $('form_notify'),
			onSuccess: function() {
				var morph = new Fx.Morph('fields', {
					duration: 800,
					onComplete: function() {
						$('fields').hide();
						$('thanks').show().fade('in');
					}
				}).start({
					'opacity': 0,
				});
				
				ajaxing = false;
			},
			onFailure: function() {
				ajaxing = false;
			}
		}).send();
		
		return false;
	}
}


var flipMidpoint = null;

function flip (event)
{

	var element = document.getElementById('card');
	var about = document.getElementById('about');
	var home = document.getElementById('home');	
	var form = document.getElementById('notify');	
	
			
	/* Toggle the setting of the classname attribute */
	element.className = (element.className == 'card') ? 'card flipped' : 'card';
	about.className = (about.className == 'button') ? 'button pressed' : 'button';
	home.className = (home.className == 'button') ? 'button pressed' : 'button';
	form.className = (form.className == 'visible') ? 'visible off' : 'visible';	

}