var browserName = navigator.appName;
var versionNum = navigator.appVersion;
var platform = navigator.platform;

 
if(navigator.appVersion.indexOf("Win") != -1)
{
    // Internet Explorer
	if (navigator.appName == "Microsoft Internet Explorer")
	{
		if (screen.width >= 1100)
		{
			document.write('<link href="css/win-ie-big.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else if (screen.width >= 803 && screen.width <= 1100)
		{
			document.write('<link href="css/win-ie-med.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else if (screen.width <= 801)
		{
			document.write('<link href="css/win-ie-small.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else
		{
			document.write('<link href="css/win-ie.css" rel="stylesheet" type="text/css" media="all" />');
		}
	}
	// Navigator and firefox
	else if (navigator.appName == "Netscape")
	{
		if (screen.width >= 1100)
		{
			document.write('<link href="css/win-ff-big.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else if (screen.width >= 803 && screen.width <= 1100)
		{
			document.write('<link href="css/win-ff-med.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else if (screen.width <= 801)
		{
			document.write('<link href="css/win-ff-small.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else
		{
			document.write('<link href="css/win-ff.css" rel="stylesheet" type="text/css" media="all" />');
		}
	}
	// Opera
	else if (navigator.appName == "Opera")
	{
		document.write('<link href="css/op-style.css" rel="stylesheet" type="text/css" media="all" />');
	}
	// Other browsers
	else
	{
		document.write('<link href="css/win-ff.css" rel="stylesheet" type="text/css" media="all" />');
	}  
  
}
else if(navigator.appVersion.indexOf("Mac") != -1)
{
	// Opera on Mac
	if (navigator.appName == "Opera")
	{
		document.write('<link href="css/opm-style.css" rel="stylesheet" type="text/css" media="all" />');
	}
	// Opera on Mac
	if (navigator.appName == "Netscape")
	{
		if(navigator.userAgent.indexOf("Safari") != -1)
		{
			document.write('<link href="css/saf-style.css" rel="stylesheet" type="text/css" media="all" />');
		}
		else if(navigator.userAgent.indexOf("Netscape") != -1)
		{
			document.write('<link href="css/netm-style.css" rel="stylesheet" type="text/css" media="all" />');			
		}
	}
	// IE on the mac
	else if(navigator.appCodeName == "Mozilla")
	{
		document.write('<link href="css/iem-style.css" rel="stylesheet" type="text/css" media="all" />');
	}
	// Other browsers on Mac
	else
	{
		document.write('<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />');
	}
}
else 
{
	document.write('<link href="css/win-ff.css" rel="stylesheet" type="text/css" media="all" />');
}
// Code below for testing purposes
// Example:
//var b = new BrowserInfo();
//alert(b.version); 
function BrowserInfo()
{
  this.name = navigator.appName; // browser technology ie. Netscape
  this.codename = navigator.appCodeName; // browser code name ie. Mozilla
  this.version = navigator.appVersion.substring(0,4); // browser version No. ie. 5.0
  this.platform = navigator.platform; // browser os ie. MacPPC
  this.javaEnabled = navigator.javaEnabled(); // can the browser use java
  this.screenWidth = screen.width; // browser screen width
  this.screenHeight = screen.height; // browser screen height
  this.agent = navigator.userAgent;
}
var b = new BrowserInfo();
//alert(b.screenWidth);