var out;
var con;
var nav;
var cav;
var lab;
var vid;

var ui;
var ply;
var assetw, asseth;

var mpo;

var lasttime;
var currentTime;
var delaytime;

function start() {
	innit();
}

function innit() {
	ui = true;
	ply = false;
	delaytime = 4000;
	currentTime = +new Date();
	lasttime = currentTime + delaytime;

	mpo = { x : 0, y: 0 };
	out = document.getElementById("output");
	con = document.getElementById("container");
	cav = document.getElementById("navigationContainer");
	nav = document.getElementById("navigation");
	lab = document.getElementById("nanolabel");
	vid = document.getElementById("vid");
	
	if (document.Event) {
		document.captureEvents(Event.MOUSEMOVE);
	}

	document.onmousemove = mousePositionPage;
	window.onresize = resizedElementAspect;
	
	setMediaSize(640, 480);
	resizedElementAspect();
	
	vid.play();
	vid.addEventListener('click', function() {
		vid.play();
	}, false);
	
	setInterval(function(){update()},100);
}

function setMediaSize(w, h) {
	assetw = w;
	asseth = h;
}

function setMainLabel(txt) {
	lab.innerHTML = txt;
}

var tdiscript = null;
var sdiscript = null;
var lsitem = null;
var lscol = '#eeeeee';

function setDiscript(target, vis, lvl) {
	var discript = document.getElementById("d_" + target);
	var sitem = document.getElementById("t_" + target);

	if(lsitem != null) lsitem.style.backgroundColor = lscol;
	lscol = sitem.style.backgroundColor;
	sitem.style.backgroundColor = '#cdcdcd';
	lsitem = sitem;
	
	if(lvl == 'top') {
		if(tdiscript != null) tdiscript.style.display = 'none';
		discript.style.display = 'table-cell';
		tdiscript = discript;
	} else {
		if(sdiscript != null) sdiscript.style.display = 'none';
		discript.style.display = 'table-cell';
		sdiscript = discript;
	}
}

function resizedElementAspect() {
	var resizedHeight = asseth;
	var resizedWidth = assetw;
	var aspect = assetw / asseth;
	var winh = window.innerHeight - 80;
	var winw = window.innerWidth - 80;

	if(winh < winw) {
    	resizedHeight = winh;
    	resizedWidth = resizedHeight * aspect;
	} else {
    	resizedWidth = winw;
		resizedHeight = resizedWidth / aspect;
	}

	con.style.height = resizedHeight + "px";
	con.style.width = resizedWidth + "px";
	con.style.top = (window.innerHeight/2)-(resizedHeight/2)+"px";
	con.style.left = (window.innerWidth/2)-(resizedWidth/2)+"px";
}

function update() {
	currentTime = +new Date();

	if(currentTime < lasttime) {
		if(!ui) setUiVisable(true);
		ui = true;
	} else {
		if(ui) setUiVisable(false);
		ui = false;
	}
}
 
function setUiVisable(vis) {
	if(vis) { 
		cav.style.display = 'block';
	} else {
		cav.style.display = 'none';
	}
}

function handleMousePos() {
	var xr = Math.floor(((mpo[0] - (window.innerWidth/2))));
	var yr = Math.floor(((mpo[1] - (window.innerHeight/2))));
}

function mousePositionPage(e) {
	lasttime = currentTime + delaytime;
}

function mouseenter(d){
	return;
}

function mouseexit(d){
	return;
}

function gcd(a, b) {
	return (b == 0) ? a : gcd (b, a%b);
}