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 >= 810 && theWidth < 1200 )
	{
		setStylesheet("base1024");
		document.cookie = "tmib_res_layout=" + escape("base1024");
	} 
	
	else if (theWidth >= 1201) 
	{	
		setStylesheet("base1280");
		document.cookie = "tmib_res_layout=" + escape("base1280");
	}
	
	
	else
	{
		setStylesheet("base800");
		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++)
		{*/
		/*
		alert(document.getElementsByTagName("link").length);
			var currTag = document.getElementsByTagName("link")[0];
			if (currTag.getAttribute("rel").indexOf("style") != -1 && currTag.getAttribute("title"))
			{
				currTag.disabled = true;

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

function setStylesheet(styleTitle)
{ 
	var defaultstyle = document.getElementById('noscript');
				  defaultstyle.disabled = true;
					
	switch (styleTitle) {
			case 'base1024' :
				  var stylesheet = document.getElementById('styleelement0');
				  stylesheet.disabled = false;
				  stylesheet = document.getElementById('styleelement1');
				  stylesheet.disabled = true;
				  stylesheet = document.getElementById('styleelement2');
				  stylesheet.disabled = true;
				  //stylesheet.setAttribute("href", "js/features_1024.css"); 
				  break;
			case 'base1280' :
				  var stylesheet = document.getElementById('styleelement1');
				  stylesheet.disabled = false;
				  stylesheet = document.getElementById('styleelement0');
				  stylesheet.disabled = true;
				  stylesheet = document.getElementById('styleelement2');
				  stylesheet.disabled = true;
				  //stylesheet.setAttribute("href", "js/features_1280.css"); 
				  break;
			default : 
				 //alert("800");
				  var stylesheet = document.getElementById('styleelement2');
				  stylesheet.disabled = false;
				  stylesheet = document.getElementById('styleelement1');
				  stylesheet.disabled = true;
				  stylesheet = document.getElementById('styleelement0');
				  stylesheet.disabled = true;
				  //stylesheet.setAttribute("href", "main.css");
				break;
	}
}