/* 
 * Resolution Dependent Layout
 */
Event.observe(window, "load", checkBrowserWidth, false);
Event.observe(window, "resize", checkBrowserWidth, false);

function checkBrowserWidth() {
	var theWidth = getBrowserWidth();
	if (theWidth == 0) {
		var resolutionCookie = document.cookie.match(/(^|;)res_layout[^;]*(;|$)/);
		if (resolutionCookie != null) {
			setStylesheet(unescape(resolutionCookie[0].split("=")[1]));
		}
		addLoadListener(checkBrowserWidth);
		return false;
	}
	if (theWidth <= 959) {
		setStylesheet("narrow");
		document.cookie = "res_layout=" + escape("narrow");
	}
	else {
		setStylesheet("default");
		document.cookie = "res_layout=default";
	}
	return true;
};

function getBrowserWidth() {
	if (window.innerWidth) {
		return window.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientWidth != 0) {
		return document.documentElement.clientWidth;
	}
	else if (document.body) {
		return document.body.clientWidth;
	}
	return 0;
};

function setStylesheet(styleTitle) {
	var links = document.getElementsByTagName("link");
	for (var i = 0; i < links.length; i++) {
		if (links[i].getAttribute("rel") == "alternate stylesheet")	{
			links[i].disabled = true;
			if(links[i].getAttribute("title") == styleTitle) {
				links[i].disabled = false;
			}
		}
	}
	return true;
};