function addLoadListener(fn){
  	if (typeof window.addEventListener != 'undefined'){
    	window.addEventListener('load', fn, false);
  	}
  	else if (typeof document.addEventListener != 'undefined'){
    	document.addEventListener('load', fn, false);
  	}
  	else if (typeof window.attachEvent != 'undefined'){
    	window.attachEvent('onload', fn);
  	}
  	else{
		var oldfn = window.onload;
		if (typeof window.onload != 'function'){
      		window.onload = fn;
    	}
    	else{
      		window.onload = function(){
				oldfn();
				fn();
      		};
    	}
  	}
}

function changeHeight(elementID,final_h,interval,kang) {

  if (!document.getElementById) return false;

  if (!document.getElementById(elementID)) return false;

  var elem = document.getElementById(elementID);

  if (elem.change) {

    clearTimeout(elem.change);

  }

  if (!elem.style.height) {

    elem.style.height = "0px";

  }

  var hpos = parseInt(elem.style.height);

  if (hpos == final_h) {

	if(hpos==0) {

		elem.style.border="0px";

		elem.style.display='none';

	}

    return true;

  }

  if (hpos < final_h) {

    var dist = Math.ceil((final_h - hpos)/kang);

    hpos = hpos + dist;

  }

  if (hpos > final_h) {

    var dist = Math.ceil((hpos - final_h)/kang);

    hpos = hpos - dist;

  }

  elem.style.height = hpos + "px";

  var repeat = "changeHeight('"+elementID+"',"+final_h+","+interval+","+kang+")";

  elem.change = setTimeout(repeat,interval);

}

function stopBubble(e) {

    if ( e && e.stopPropagation)

        e.stopPropagation();

    else

        window.event.cancelBubble = true;

		return false;

}

function getChild(elem,tag){

	var tags=new Array();

	var children = elem.childNodes;

	for(var i=0;i<children.length;i++){

		if(children[i].nodeName==tag)	tags.push(children[i]);

	}

	return tags;

}

function nav(){

	var navk=document.getElementById('nav');

	navk.onmouseover=function(e){stopBubble(e);};

	var drop=navk.getElementsByTagName('ul');

	var firstLi=getChild(navk,'LI');

	for(var i=0;i<firstLi.length;i++){

		(function(){

			var index = i

			firstLi[index].onmouseover=function(){

				for(var j=0;j<drop.length;j++){

					if(this!=drop[j].parentNode){

						drop[j].style.display='none';

						drop[j].style.height='0px';

					}

				}

				if(this.getElementsByTagName('ul').length!=0){

					var childUl=this.getElementsByTagName('ul')[0];

					var length=	getChild(childUl,'LI').length * 24;

					childUl.style.display='block';

					childUl.style.border="1px solid #73bd1f"; 
					
					childUl.style.borderWidth="0 0 1px 1px";

					childUl.setAttribute('id','drop_'+index);

					changeHeight('drop_'+index,length,10,13);

				}

			};		  				  

		})();

	}

	document.body.onmouseover=function(){

			for(var k=0;k<drop.length;k++){ drop[k].style.display='none';drop[k].style.height='0px';}		

	};

}

function tab(events,tabUl,tabContent,liClassName){ 
	if (!document.getElementById) return false;
	if (!document.getElementById(tabUl)) return false;
	
	var tabUl = document.getElementById(tabUl); 
	var items = tabUl.getElementsByTagName('li');
	var tabContent = document.getElementById(tabContent);
	var targetElem = tabContent.getElementsByTagName('div');
	
	for (var i = 0; i < items.length; i++) {
		(function(){
			var p = i;
			items[i][events] = function(){ 
				for (var j = 0; j < targetElem.length; j++) {
					(function(){
						if (j != p){
							targetElem[j].style.display = 'none';
							items[j].className='';
						}
						else if(j == p){
							targetElem[j].style.display = 'block';
							items[j].className = liClassName;
						} 
					})();
				}
			}
		})();
	}
} 


addLoadListener(function(){
	tab('onmouseover','tabs','weijig','currentli');
});

addLoadListener(function(){
	tab('onmouseover','tabs2','zslxdw','currentli');
});
 

addLoadListener(nav);

 
 function setTab(m,n){
 var tli=document.getElementById("menu"+m).getElementsByTagName("li");
 var mli=document.getElementById("main"+m).getElementsByTagName("ul");
 for(i=0;i<tli.length;i++){
  tli[i].className=i==n?"hover":"";
  mli[i].style.display=i==n?"block":"none";
 }
}