var divLeft, divRight, divSeparator;
var divTreeTitle, divTree, divToolbar, divGrid;
var divFolderTasks;
var separatorDrag;

function onPageLoad(mode) {
	divLeft = document.getElementById("divLeft");
	divRight = document.getElementById("divRight");
	divSeparator = document.getElementById("divSeparator");
	divTreeTitle = document.getElementById("divTreeToolbar");
	divTree = document.getElementById("divTree");
	divToolbar = document.getElementById("divFileToolbar");
	divGrid = document.getElementById("divFile");
	loadSeparator();
	onPageResize();
	list = new ListView('divFile');
	list.mode = mode;
	if (document.getElementById('iddir')) {
		if (document.getElementById('iddir').value) load_files(document.getElementById('iddir').value);
		else load_files(1);
	}
	else load_files(1);
}

function onPageResize() {
	var pageHeight = window.innerHeight ? window.innerHeight : document.body.clientHeight;
	var pageWidth = window.innerWidth ? window.innerWidth : document.body.clientWidth;
	if (divTreeTitle)
		var treeHeight = pageHeight - divTreeTitle.offsetHeight;
	else 	var treeHeight = pageHeight;
	if (divToolbar)
		var gridHeight = pageHeight - divToolbar.offsetHeight;
	else	var gridHeight = pageHeight;
	divTree.style.height = treeHeight + "px";
	divSeparator.style.height = pageHeight + "px";
	divGrid.style.height = gridHeight + "px";
	divRight.style.width = (pageWidth - divTree.offsetWidth - 6) + "px";
}

function onSeparatorDragStart(e) {
	separatorDrag = true;
	document.onmouseup = (function (e) {onSeparatorDragStop(e);});
	document.onmousemove = (function (e) {onSeparatorDrag(e);});
}

function onSeparatorDragStop(e) {
	separatorDrag = false;
	document.onmouseup = null;
	document.onmousemove = null;
}

function onSeparatorDrag(e) {
	if (!separatorDrag) return;
	var posx = 0;
	if (!e) var e = window.event;
	var pageWidth = window.innerWidth ? window.innerWidth : document.body.clientWidth;
	posx = (e.pageX) ? e.pageX : e.clientX + document.body.scrollLeft;
	posx -= 3;
	divLeft.style.width = posx + "px";
	divSeparator.style.left = posx + "px";
	divRight.style.width = (pageWidth - posx - 6) + "px";
	divRight.style.left = (posx + 6) + "px";
	onPageResize();
}

function loadSeparator() {
	divSeparator.onmousedown = (function (e) {onSeparatorDragStart(e);});
}