/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TEMPLATE VERSION: 2008 Internet Templates version 1.0
SCRIPT VERSION:  1.0 
FILE LOCATION: /2008_templates/scripts/resolution.js
DESCRIPTION: Screen resolution detection script.  
  This script works with the two layout  stylesheets, layout.css and layout_1024.css  to format the web page for the two supported resolutions.
DATE of LAST EDIT:  September 16, 2008 
CHANGE LOG: 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function attachEventListener(target, eventType, functionRef, capture) {
    if (typeof target.addEventListener != "undefined") {
			target.addEventListener(eventType, functionRef, capture);
    } else if (typeof target.attachEvent != "undefined") {
      target.attachEvent("on" + eventType, functionRef);
    } else {
      return false;
    }
		
    return true;
}


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 > 950) {
		setStylesheet("1024 x 768");
		document.cookie = "tmib_res_layout=" + escape("1024 x 768");
	} else {
		setStylesheet("");
		document.cookie = "tmib_res_layout=";
	}	
	
	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;
}