
var req = false;
function clientSideInclude(id, url) {
// Safari, Firefox,
	if (window.XMLHttpRequest) {
		try {
			req = new XMLHttpRequest();
		}
		catch (e) {
			req = false;
		}
	} else {
		if (window.ActiveXObject) {
			// For Internet Explorer on Windows
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e) {
				try {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e) {
					req = false;
				}
			}
		}
	}
	var element = document.getElementById(id);
	if (!element) {
		alert("\u51fd\u6570clientSideInclude\u65e0\u6cd5\u627e\u5230id " + id + "\u3002" + "\u4f60\u7684\u7f51\u9875\u4e2d\u5fc5\u987b\u6709\u4e00\u4e2a\u542b\u6709\u8fd9\u4e2aid\u7684div \u6216 span \u6807\u7b7e\u3002");
		return;
	}
	
	if (req) {
		if(window.ActiveXObject){
			req.open("post", url, false);
			req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			req.onreadystatechange = function () {
				embedHtml(element);
			};
			req.send("");
		}else if(window.XMLHttpRequest){
			req.open("get", url, false);
		
			req.send(null);	
			element.innerHTML = req.responseText;
		}
	} else {
		element.innerHTML = "\u5bf9\u4e0d\u8d77\uff0c\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301 " + "XMLHTTPRequest \u5bf9\u8c61\u3002\u8fd9\u4e2a\u7f51\u9875\u7684\u663e\u793a\u8981\u6c42 " + "Internet Explorer 5 \u4ee5\u4e0a\u7248\u672c, " + "\u6216 Firefox \u6216 Safari \u6d4f\u89c8\u5668\uff0c\u4e5f\u53ef\u80fd\u4f1a\u6709\u5176\u4ed6\u53ef\u517c\u5bb9\u7684\u6d4f\u89c8\u5668\u5b58\u5728\u3002";
	}
}
function embedHtml(elementObj) {
	if (req.readyState == 4) {
		//alert(req.status)
		if (req.status == 200) {
			elementObj.innerHTML = req.responseText;
		}else{
			//
		}
	} else {
		elementObj.innerHTML = "\u6b63\u5728\u52a0\u8f7d...";
	}
}
//subhtml ul li change color
function changeLiBg(parentObj, obj, orginalColor, color) {
	var parent = document.getElementById(parentObj);
	if (!parent) {
		return false;
	}
	var lis = parent.getElementsByTagName("li");
	for (var i = 0; i < lis.length; i++) {
		lis[i].style.backgroundColor = orginalColor;
	}
	obj.style.backgroundColor = color;
}

