// Resolution Dependent Layout
// By Dave Shea @ http://rosenfeldmedia.com
// Adapted from Cameron Adams' example:
// http://themaninblue.com/experiment/ResolutionLayout/


checkBrowserWidth();

attachEventListener(window, "resize", checkBrowserWidth, false);




function checkBrowserWidth() {
	var theWidth = getBrowserWidth();
	
	if (theWidth == 0) {
		var resolutionCookie = document.cookie.match(/(^|;)tmib_res_layout[^;]*(;|$)/);

		if (resolutionCookie != null) {
			setStylesheet(unescape(resolutionCookie[0].split("=")[1]));
		}
		
		addLoadListener(checkBrowserWidth);
		
		return false;
	}

	if (theWidth >= 750) {
		setStylesheet("ResMedium");
		document.cookie = "tmib_res_layout=" + escape("ResMedium");
	}
	if (theWidth > 950) {
		setStylesheet("ResHigh");
		document.cookie = "tmib_res_layout=";
	} 
	//if (theWidth < 750) {
	//	setStylesheet("ResLow");
	//	document.cookie = "tmib_res_layout=" + escape("ResLow");
	//	}
	
	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 currTag;

	if (document.getElementsByTagName) {
		for (var i = 0; (currTag = document.getElementsByTagName("link")[i]); i++) {
			if (currTag.getAttribute("rel").indexOf("style") != -1 && currTag.getAttribute("title")) {
				currTag.disabled = true;

				if(currTag.getAttribute("title") == styleTitle) {
					currTag.disabled = false;
				}
			}
		}
	}
	
	return true;
};