var is_iphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i));
var is_ipad = (navigator.userAgent.match(/iPad/i));
var is_android = (navigator.userAgent.match(/Android/i))
var is_mobile = is_iphone || is_ipad || is_android;

if (is_mobile) {
	// window.location.href = "mobile.html"
	$("html").addClass("mobile");
}
else if ($.browser.msie || ! has3d()) {
	// window.location.href = "error.html"
}
else {
 $("html").addClass("desktop");
}

new WOW().init();

$(function(){
  var player = $f( okplayer )
//   player.addEvent('ready', function(){
//     player.addEvent('finish', function(){
//       hide()
//     })
//   })
  $('.hero .circle').click( function(){
    $('.videoModal').css("display","table").addClass('active');
    player.api('play')
  })

  $('.videoModal .ion-ios7-close-empty').click( function(){
    player.api('pause')
    hide()
  })
  
  function hide() {
    $('.videoModal').fadeOut(300, function(){
      $('.videoModal').removeClass('active')
    })
  }
})

var scene, cam, map;

var app = new function(){}

app.mode = { editor: false, builder: false }
  
app.init = function () {
	app.tube = new Tube ()
	app.router = new SiteRouter ()
}

app.launch = function () {
	var movements

	scene = new MX.Scene().addTo('#scene')
	scene.width = window.innerWidth
	scene.height = window.innerHeight
	scene.perspective = window.innerHeight

	window.onresize = function () {
		scene.width = window.innerWidth
		scene.height = window.innerHeight
		scene.perspective = window.innerHeight
		scene.update()
	}

	cam = scene.camera
	cam.y = viewHeight
	
	if (MX.Map) map = app.map = new MX.Map()
	
	if (is_mobile) {
		app.movements = new MX.MobileMovements(cam, viewHeight)
	}
	else {
		app.movements = new MX.Movements(cam, viewHeight)
	}
	app.movements.init()
	
	var last_t = 0
	function animate (t) {
		var dt = t - last_t
		last_t = t
		requestAnimationFrame(animate)
		environment.update(t)
		window.path && path.update(t)
		app.movements.update(dt || 0)
		scene.update()
	}

	var loader = new Loader(function(){
		$("#loader").hide()
		window.environment && window.environment.init()
		// window.editor && window.editor.init()
		// window.path && window.path.init()
		animate()
	})
	
	// loader.preloadImages([])
	loader.ready()
}

app.on = function(){
	app.tube.on.apply(app.tube, arguments)
}

app.off = function(){
	app.tube.off.apply(app.tube, arguments)
}

app.position = function(obj){
	var pos = {
		x: obj.x,
		y: obj.y,
		z: obj.z,
		rotationX: obj.rotationX,
		rotationY: obj.rotationY
	}
	if (obj.scale !== 1) {
		pos.scale = obj.scale
	}
	return pos
}

document.addEventListener('DOMContentLoaded', app.init)