$(document).ready(function() {

	window.location='http://archive.cascom.se';

	// Storage
		// localStorage.setItem('cascom', 'ok');
		// value = localStorage.getItem('cascom');
		
	var projects = [];
	
	projects[0] = 'Angelika Lantto';
	projects[1] = 'Havremagasinet';
	projects[2] = 'Kilen Art Group';
	projects[3] = 'Kulturakuten';
	projects[4] = 'Lena Lahti';
	projects[5] = 'Scandinavian Eyes';
	projects[6] = 'Toppmotet';
	projects[7] = 'Angelika Lantto';
	projects[8] = 'Havremagasinet';
	projects[9] = 'Kilen Art Group';
	projects[10] = 'Kulturakuten';
	projects[11] = 'Lena Lahti';
	
	for (var i=0; i<projects.length; i++) {
		var project = projects[i].toLowerCase().replace(' ','_').replace(' ','_').replace(' ','_');
		$('#content').append('<article id="'+project+'" class="project box-'+i+' loading"><a href="/iproject/'+project+'/"><img class="preview" src="iproject/'+project+'/preview.png" /></a></article>');
		if (i == 2) {
			$('#content').append('<article id="blank" class="project"></article>');
		}
		
		//$('#'+project).find('img').load('img', function() {
		//	$(this).parent().parent().removeClass('loading');
		//});
	}

	$('.project').delay(2000).removeClass('loading');

	$('#content').append('<div id="page" class="screen"></div>');
	
	
// Device Detector
	var isiPhone = navigator.userAgent.indexOf("iPhone") != -1;
	var isiPod = navigator.userAgent.indexOf("iPod") != -1;
	var isiPad = navigator.userAgent.indexOf("iPad") != -1;
	
	
//iOS
	if (isiPhone || isiPod || isiPad) { 
	
		// iOS Device Tailored Stylesheets
		if (isiPhone) {
			$('body').addClass('iPhone');
			$('head').append('<link rel="stylesheet" type="text/css" href="css/iphone.css">');
		} else if (isiPod) {
			$('body').addClass('iPod');
			$('head').append('<link rel="stylesheet" type="text/css" href="css/iphone.css">');
		} else if (isiPad) {
			$('body').addClass('iPad');
			$('head').append('<link rel="stylesheet" type="text/css" href="css/ipad.css">');
		}
	
		// Installed
		if (window.navigator.standalone == true) {
		
			// Online
			if (window.navigator.onLine == true) {
				var cacheDownload = window.applicationCache;
				//alert(cacheDownload);
			}
			
			//$('body').bind('touchmove', function(e) {
			//  e.preventDefault();
			//});
		
		} else {
			//$('#content').html('<h1 id="home-screen-install">Tap "+" and "Add to Home Screen" to install the portfolio app</h1>');
		}
		
		
		// Triggers
		triggerinit = 'touchstart';
		triggerrelease = 'touchend';
		
		
		// Orientation
		$(window).bind('orientationchange', updateOrientation).trigger('orientationchange');
		
		function updateOrientation() {
        	var orientation = window.innerWidth < window.innerHeight ? 'portrait' : 'landscape';
            $('body').removeClass('portrait landscape').addClass(orientation);
        }
	
	
// Desktop		
	} else {
		// Stylesheet
		$('head').append('<link rel="stylesheet" type="text/css" href="css/desktop.css">');
		
		// Triggers
		triggerinit = 'click';
		triggerrelease = 'dblclick';
		
		// Desktop landscape debug
		$('body').addClass('desktop portrait');
	}
	
	

// Triggers
	$('.project').live(triggerinit, function(e) { 
		e.preventDefault();
		//var touch = e.touches[0];	
		$('.project').addClass('blur');
		$(this).removeClass('blur');
	});
	
	$('.project').live('touchmove', function(event) {
		var e = event.originalEvent;
		var touch = e.touches[0];
		var node = touch.target;
		var posX = e.touches[0].pageX;
		var posY = e.touches[0].pageY;
		$(this).css('top', posY).css('left', posX);
		//var test = e.changedTouches[0].clientX;
		//console.log(node);
	});

	$('.project').live(triggerrelease, function(e) { 
		//$('.project').removeClass('blur');
	
		var toload = $(this).find('a').attr('href');
		var toload = toload + 'index.php #contents';
		//$('#page').load(toload, function() {
		//	$('#page').fadeIn('medium');
		//});
	});
	
	$('#page').live(triggerrelease, function() {
		$(this).fadeOut('medium');
	});
	
	
// Gestures
	$('.project').bind('gesturestart', function(e) {
		//alert('zoom');
		//$(this).css('webkitTransform', 'scale(' + e.scale + ')');
		//node.style.webkitTransform = "rotate(" + ((rotation + e.rotation) % 360) + "deg)";
	});
	
	$('.project').bind('gesturechange', function(e) {
		//alert('zoom');
		var zoom = e.target;
		//var zscale = e.scale;
		alert(e.scale);
		//$(this).css('webkitTransform', 'scale(' + zscale + ')');
		//node.style.webkitTransform = "rotate(" + ((rotation + e.rotation) % 360) + "deg)";
	});

	//$('.project').bind('ongestureend', function(gest) {
		//scale *= e.scale;
		//rotation = (rotation + e.rotation) % 360;
	//});
	

});