var debug = false;
var isStatsOn = false;

var app;
var initApp = function() {
	if (app!=null) { return; }
	//TODO how to handle server down with DNode?
  
  var canvas = document.getElementById('canvas');
  var context = canvas.getContext('2d');
	var model = new Model(canvas, context);
  var client = new Client(model);

  DNode(client).connect(function(remote) {
    app = new App(remote, canvas, model);
    window.addEventListener('resize', app.resize, false);

    document.addEventListener('mousemove', 		app.mousemove, false);
    document.addEventListener('mousedown', 		app.mousedown, false);
    document.addEventListener('mouseup',			app.mouseup, false);
    
    document.addEventListener('touchstart',   app.touchstart, false);
    document.addEventListener('touchend',     app.touchend, false);
    document.addEventListener('touchcancel',  app.touchend, false);
    document.addEventListener('touchmove',    app.touchmove, false);
    
    document.addEventListener('keydown',      app.keydown, false);
    document.addEventListener('keyup',        app.keyup, false);

    app.start();
  });
}

var forceInit = function() {
	initApp()
	document.getElementById('unsupported-browser').style.display = "none";
	return false;
}

// if(Modernizr.canvas && Modernizr.websockets) {
if(Modernizr.canvas) {
	initApp();
} else {
	document.getElementById('unsupported-browser').style.display = "block";	
	document.getElementById('force-init-button').addEventListener('click', forceInit);
}


var addStats = function() {
	if (isStatsOn) { return; }
	// Draw fps
	var stats = new Stats();
	document.getElementById('fps').appendChild(stats.domElement);

	setInterval(function () {
	    stats.update();
	}, 1000/60);

	// Array Remove - By John Resig (MIT Licensed)
	Array.remove = function(array, from, to) {
	  var rest = array.slice((to || from) + 1 || array.length);
	  array.length = from < 0 ? array.length + from : from;
	  return array.push.apply(array, rest);
	};
	isStatsOn = true;
}

document.addEventListener('keydown',function(e) {
	if(e.which == 27) {
		addStats();
	}
})

if(debug) { addStats(); }

$(function() {
	$('a[rel=external]').click(function(e) {
		e.preventDefault();
		window.open($(this).attr('href'));
	});
});

document.body.onselectstart = function() { return false; }