import * as domlib from './domlib';
import {MenuView} from './element/menu';
import Navigo from '../node_modules/navigo/lib/navigo';
import View from './view';
import {singelton as notify} from './element/notify';

const router = new Navigo(null, true, '#'),
	elMain = domlib.newEl('main'),
	elMenu = new MenuView(),
	GUI_RENDER_DEBOUNCER_TIME = 100;

export {router};

let init = false,
	currentView = new View();

function renderView () {
	if (!document.body) {
		window.setTimeout(renderView, GUI_RENDER_DEBOUNCER_TIME);
		return;
	}

	if (!init) {
		elMenu.bind(document.body);
		notify.bind(document.body);

		document.body.appendChild(elMain);

		init = true;
	}
	currentView.render();

	notify.render();
	elMenu.render();

	router.resolve();
}

export function render () {
	let timeout = false;

	function reset () {
		timeout = null;
	}
	if (timeout) {
			console('skip rendering to often');
			window.clearTimeout(timeout);
	}else{
		renderView();
	}
	timeout = window.setTimeout(reset, GUI_RENDER_DEBOUNCER_TIME);
}

export function setView (toView) {
	currentView.unbind();
	currentView = toView;
	currentView.bind(elMain);
	currentView.render();
}