function setSortCol(col) {
	createCookie("sortCol", col, 365);
	window.location.reload();
}

function getSortCol() {
	var col = readCookie("sortCol");
	if (col == null) col = "id";
	return col;
}

function setContentPanelMinimized(minimized) {
	createCookie("contentPanelMinimized", minimized, 365);
}

function getContentPanelMinimized() {
	var minimized = readCookie("contentPanelMinimized");
	if (minimized == null) minimized = false;
	return (minimized === "true");
}

function focusTheme() {
	var re = /\/t(\d+)\.html/;
	var match = re.exec(location.href);
	if (match != null && match.length > 1) {
		var menuItem = document.getElementById('m' + match[1]);
		if (menuItem) {
			menuItem.scrollIntoView(true);
		}
	}
}

window.onload = function() {
	focusTheme();
}

var contentPanelMinimized = getContentPanelMinimized();
var contentPanelTemporaryExpanded = false;

function updateView() {
	var contentPanel = document.getElementById('content-pane');
	var content = document.getElementById('content');
	var splitter = document.getElementById('splitter');
	
	if (!contentPanelMinimized || contentPanelTemporaryExpanded) {
		content.style.left = '26%';
		content.style.width = '73%';
		splitter.style.left = '25%';
	}
	else {
		content.style.left = '1%';
		content.style.width = '98%';
		splitter.style.left = '0%';
	}
	
	var contentPanelImg = contentPanelMinimized ? 'exp' : 'col';
	splitter.style.backgroundImage = 'url("/img/' + contentPanelImg + '.gif")';
}

function createSplitter() {
	var contentPanel = document.getElementById('content-pane');
	var content = document.getElementById('content');
	
	if (contentPanel == null) return;
	
	content.style.left = '26%';
	content.style.width = '73%';
	
	var contentPanelImg = contentPanelMinimized ? 'exp' : 'col';
	
	var splitter = document.createElement('div');
	splitter.setAttribute('id', 'splitter');
	splitter.setAttribute('class', 'panel');
	splitter.setAttribute('style', 'background-image: url("/img/' + contentPanelImg + '.gif"); left: 25%;');
	splitter.onmouseover = function() {
		var contentPanelImg = contentPanelMinimized ? 'exp' : 'col';
		this.style.backgroundImage = 'url("/img/' + contentPanelImg + '_hl.gif")';
		if (contentPanelMinimized) {
			contentPanelTemporaryExpanded = true;
			setTimeout(function() {
				updateView();
			}, 1000);
		}
	};
	splitter.onmouseout = function() {
		var contentPanelImg = contentPanelMinimized ? 'exp' : 'col';
		this.style.backgroundImage = 'url("/img/' + contentPanelImg + '.gif")';
	};
	splitter.onclick = function() {
		contentPanelMinimized = !contentPanelMinimized;
		if (!contentPanelMinimized) contentPanelTemporaryExpanded = false;
		setContentPanelMinimized(contentPanelMinimized);
		updateView();
	};
	document.body.appendChild(splitter);
	
	content.onmouseover = function() {
		if (contentPanelTemporaryExpanded) {
			contentPanelTemporaryExpanded = false;
			setTimeout(function() {
				updateView();
			}, 500);
		}
	}
	
	updateView();
}