/* ##############################################################################################
# Author	:	Mark Cooley 																	#
# Date		:	28-9-07																			#
# file		:	resolution.js																	#
# version	:	A.1																				#													
# ----------------------------------------------------------------------------------------------#
# Script to select a different stylesheet														#
# depending on users browser window size														#
#																								#
# Browser size requirement will need															#
# setting (line 55: theWidth > 1024 )															#
# Current default 1024 pixels internal															#
# viewable area																					#
# --------------------------------------------------------------------------------------------- #
# Function Calls																				#
#	checkBrowserWidth();																		#
#	getBrowser();																				#
# --------------------------------------------------------------------------------------------- #
#	<link href="css/system/small.css"      rel="stylesheet" type="text/css" id="minimum" />		#
#	<link href="css/system/small_ie6.css"  rel="stylesheet" type="text/css" id="minimum_ie6" />	#
#	<link href="css/system/small_ie7.css"  rel="stylesheet" type="text/css" id="minimum_ie7" />	#	
#	<link href="css/system/large.css"      rel="stylesheet" type="text/css" id="default"/>		#
#	<link href="css/system/large_ie6.css"  rel="stylesheet" type="text/css" id="default_ie6"/>	#
#	<link href="css/system/large_ie7.css"  rel="stylesheet" type="text/css" id="default_ie7"/>	#
#																								#	
#	<script type="text/javascript" src="../../js/resolution_ie.js"></script>					#
#			<script type="text/javascript">														#
#		<!--																					#
#			getBrowser();																		#
#		-->																						#		
#		</script>																				#
#	</head>																						#
#	<body onresize="checkBrowserWidth();" onload="checkBrowserWidth();">						#
#																								#	
############################################################################################## */

var defaultSheet=document.getElementById('default');
var minSheet=document.getElementById('minimum');

var msie6 = (navigator.appVersion.indexOf("MSIE 6.0")>-1) ? true : false;
var msie7 = (navigator.appVersion.indexOf("MSIE 7.0")>-1) ? true : false;


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 checkBrowserWidth(){
	var theWidth = getBrowserWidth();
	if (theWidth < 1024)
		{
		minSheet.disabled=false;
		defaultSheet.disabled=true;
		}
	else
		{
		minSheet.disabled=true;
		defaultSheet.disabled=false;
		}	
};

function getBrowser()
{
	if (msie6) 
		{document.write('<link href="css/system/ie_system.css" rel="stylesheet" type="text/css" />');;}
	else if (msie7) 
		{document.write('<link href="css/system/ie_system.css" rel="stylesheet" type="text/css" />');}	
};