var agt =   window.navigator.userAgent;
var isQuirks = document.compatMode == "BackCompat";
var isStrict = document.compatMode == "CSS1Compat";
var isOpera = agt.toLowerCase().indexOf("opera") != -1;
var isChrome = agt.toLowerCase().indexOf("chrome") != -1;
var isIE = agt.toLowerCase().indexOf("msie") != -1 && !isOpera;
var isIE8 = agt.toLowerCase().indexOf("msie 8") != -1 && !!window.XDomainRequest && !!document.documentMode;
var isIE7 = agt.toLowerCase().indexOf("msie 7") != -1 && !isIE8;
var isIE6 = isIE && !window.XMLHttpRequest;
var isGecko = agt.toLowerCase().indexOf("gecko") != -1;
var isBorderBox = isIE && isQuirks;


function getEl(id){
	return typeof(id) == 'string'?document.getElementById(id):id;
}
(function(){
	var isReady=false; //判断onDOMReady方法是否已经被执行过
	var readyList= [];//把需要执行的方法先暂存在这个数组里
	var timer;//定时器句柄
	window.domReady=function(fn) {
		if (isReady )
			fn.call( document);
		else
			readyList.push( function() { return fn.call(this);});
		return this;
	}
	var onDOMReady=function(){
		for(var i=0;i<readyList.length;i++){
			readyList[i].apply(document);
		}
		readyList = null;
	}
	var bindReady = function(evt){
		if(isReady) return;
		isReady=true;
		onDOMReady.call(window);
		if(document.removeEventListener){
			document.removeEventListener("DOMContentLoaded", bindReady, false);
		}else if(document.attachEvent){
			document.detachEvent("onreadystatechange", bindReady);
			if(window == window.top){
				clearInterval(timer);
				timer = null;
			}
		}
	};
	if(document.addEventListener){
		document.addEventListener("DOMContentLoaded", bindReady, false);
	}else if(document.attachEvent){
		document.attachEvent("onreadystatechange", function(){
			if((/loaded|complete/).test(document.readyState))
				bindReady();
		});
		if(window == window.top){
			timer = setInterval(function(){
				try{
					isReady||document.documentElement.doScroll('left');//在IE下用能否执行doScroll判断dom是否加载完毕
				}catch(e){
					return;
				}
				bindReady();
			},5);
		}
	}
})();

function marquee(boxid,innerid,cloneid){
/*HTML结构
<div id="marqueeBox" style="width:98%;overflow:hidden;">
  <table>
	<tr>
	  <td id="marqueeInner" nowrap>
		  <img src="../images/photo.gif">
		  <img src="../images/photo.gif">
		  <img src="../images/photo.gif">
		  <img src="../images/photo.gif">
		  <img src="../images/photo.gif">
	  </td>
	  <td id="marqueeClone" nowrap>&nbsp;</td>
	</tr>
  </table>
</div>
< script >
	domReady(function(){
			marquee('marqueeBox','marqueeInner','marqueeClone')
	});
< / script >
*/
	var speed=20; //数字越大速度越慢
	var myMarquee;
	var box=getEl(boxid);
	var inner=getEl(innerid);
	var clone=getEl(cloneid);
	clone.innerHTML=inner.innerHTML;
	var move=function(){
		if(clone.offsetWidth-box.scrollLeft<=0){
			box.scrollLeft-=inner.offsetWidth;
		}else{
			box.scrollLeft++;
		}
	}
	box.onmouseover=function() {
		clearInterval(myMarquee);
	}
	box.onmouseout=function() {
		myMarquee=setInterval(move,speed)
	};
	if(inner.offsetWidth>box.offsetWidth){
		box.onmouseout();
	}
}

navHover = function(){
	var lis = getEl("nav").getElementsByTagName("LI");
	for (var i=0; i<lis.length; i++) {
		lis[i].onmouseenter=function() {
			this.className+=" iehover";
		}
		lis[i].onmouseleave=function() {
			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
		}
	}
}

if (isIE6 && window.attachEvent){
	window.attachEvent("onload", navHover);
}