/*
 * Styleswitch.js Styleswitching Javascript function.
 * This funstion calls a CSS style sheet that is written 
 * specifically for specific for the user's broswer.
 * Written by Duncan McEwan.
 * 
 * This is a generic function javascript, and may be used as 
 * a standard front end to any web page. 
 */
 
/* Special version for designing new style sheet for all browsers. */


var useragent = navigator.userAgent; // Retrieves the user's broswer info. 


/*
 * Additional size checks may be added below. 
 * The numbers in the if statements are the screen's vertical resolution.
 * Additional sizes may be added in lowest-to-highst order. 
 */

if (screen.height <= 900) 
{
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='LAYOUT-LOW.css'\/>")	//lOW-res Default.
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='TOP-LOW.css'\/>")
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='LEFT-LOW.css'\/>")
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='MAIN-LOW.css'\/>")
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='SHOWLISTTBL-LOW.css'\/>")
}

if (screen.height >= 900) 
{
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='LAYOUT-HIGH.css'\/>")	//Hi-res Default.
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='TOP-HIGH.css'\/>")
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='LEFT-HIGH.css'\/>")
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='MAIN-HIGH.css'\/>")
	document.write("<link rel='stylesheet' rev='stylesheet' type='text/css' href='SHOWLISTTBL-HIGH.css'\/>")
}