
/*根据不同的浏览器类型，屏幕分辨率，来加载不同的css文件*/

// 我主要是先给siteothers.css和siteforIEothers.css修改，然后再修改其它的
// 因为others代表着高于800和1024之外的所有分辨率
// 1152的分辨率在这里没什么用，可以删除，或改成别的，比如我家的电脑是1280*1024
// 比较特殊，所以可以加个这样的，以便方便修改

	if (window.navigator.userAgent.indexOf("MSIE")>=1){
		var IE800="siteforIE800.css";
		var IE1024="siteforIE1024.css";
		var IE1152="siteforIE1152.css";
		var IEothers="siteforIEothers.css";
		ScreenWidth(IE800,IE1024,IE1152,IEothers)
	}else{
		if (window.navigator.userAgent.indexOf("Firefox")>=1){
			//如果浏览器为Firefox
			var Firefox800="site800.css";
			var Firefox1024="site1024.css";
			var Firefox1152="site1152.css";
			var Firefoxothers="siteothers.css";
			ScreenWidth(Firefox800,Firefox1024,Firefox1152,Firefoxothers)
		}else{
			//如果浏览器为其他
			var Other800="site800.css";
			var Other1024="site1024.css";
			var Other1152="site1152.css";
			var Otherothers="siteothers.css";
			ScreenWidth(Other800,Other1024,Other1152,Otherothers)
		}//END IF
	}//END IF

function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
	if ((screen.width == 800) && (screen.height == 600)){
		setActiveStyleSheet(CSS1);
	}else{
		if ((screen.width == 1024) && (screen.height == 768)){
			setActiveStyleSheet(CSS2);
		}else{
			if ((screen.width == 1152) && (screen.height == 864)){
				setActiveStyleSheet(CSS3);
			}else{
				setActiveStyleSheet(CSS4);
			}//END IF
		}//END IF
	}//END IF
}//END function

function setActiveStyleSheet(title){
  document.getElementsByTagName("link")[0].href="css/"+title;
}

//在这里是"css/"，在header里是"../css/"
//在这里，不管是“css/”或"../css/"都可以，但在header里，必须是"../css/"

/*根据不同的浏览器类型，屏幕分辨率，来加载不同的css文件*/