function getElementsByTheClassName(clsName,htmltag,parent){    
    if(typeof(parent) =="string"){
		var parent = document.getElementById(parent)
	}
	var arr = new Array();    
    var elems = parent? parent.getElementsByTagName(htmltag):document.getElementsByTagName(htmltag);   
    for ( var i = 0; i<elems.length ; i++ ){   
		if(elems[i].className.indexOf(clsName) != '-1'&&elems[i].className.indexOf(' ') != '-1' || elems[i].className==clsName){
			arr.push(elems[i]);
		}
    }   
    return arr;
}
function initialization(){
	//导航圆角和鼠标感应效果
	var nav = getElementsByTheClassName('nav','div','header')[0];
	var navChildren = nav.getElementsByTagName('a');
	var navChildrenOn = getElementsByTheClassName('on','a','header')[0];
	for ( var i = 0; i<navChildren.length ; i++ ){ 
		var tl = document.createElement("div");
		tl.className = 't-l';
		var tr = document.createElement("div");
		tr.className = 't-r';

		navChildren[i].appendChild(tl);
		navChildren[i].appendChild(tr);
		
	};
	if(nav.attachEvent){
		nav.attachEvent("onmouseover",function(e){
			navChildrenOn.className="";
		});
		nav.attachEvent("onmouseout",function(e){
			navChildrenOn.className="on"
		});
	}else{
		nav.addEventListener("mouseover",function(e){
			navChildrenOn.className=""
		},false);
		nav.addEventListener("mouseout",function(e){
			navChildrenOn.className="on"
		},false);
	}
	//
	rboxFunc()
	
	//分类弹出层圆角效果
	var sortbox = getElementsByTheClassName('sort','div','header')[0];
	var sortBtn = getElementsByTheClassName('sort-btn','a','header')[0];
	
	if(sortBtn&&sortbox){
		sortbox.style.left = sortBtn.offsetLeft+0.5*sortBtn.offsetWidth-0.5*sortbox.offsetWidth;
		var sortboxDl = sortbox.getElementsByTagName("dl")[0];
		
		var tb1 = document.createElement("div");
		tb1.className = 't-b';
		var tb2 = document.createElement("div");
		tb2.className = 't-b';
		var lr = document.createElement("div");
		lr.className = 'l-r';
		lr.style.height = sortboxDl.offsetHeight-3+'px';
		var tbbb = document.createElement("div");
		tbbb.className = 't-b b-b';
		var arrow = document.createElement("div");
		arrow.className = 'arrow';
		arrow.style.left = 0.5*sortbox.offsetWidth-11+'px';
		
		sortbox.insertBefore(tb1,sortboxDl);
		sortbox.insertBefore(lr,sortboxDl);
		
		sortbox.appendChild(tb2);
		sortbox.appendChild(tbbb);
		sortbox.appendChild(arrow);
		
		if(sortBtn.attachEvent){
			//注意CSS中的ZOOM，很关键
			sortBtn.attachEvent("onmouseover",function(e){
				sortbox.style.display = "block";
			});
			sortBtn.attachEvent("onmouseout",function(e){
				sortbox.style.display = "none";
			});
			sortbox.attachEvent("onmouseover",function(e){
				sortbox.style.display = "block";
			});
			sortbox.attachEvent("onmouseout",function(e){
				sortbox.style.display = "none";
			});
		}else{
			sortBtn.addEventListener("mouseover",function(e){
				sortbox.style.display = "block";
			},false);
			sortBtn.addEventListener("mouseout",function(e){
				sortbox.style.display = "none";
			},false);
			sortbox.addEventListener("mouseover",function(e){
				sortbox.style.display = "block";
			},false);
			sortbox.addEventListener("mouseout",function(e){
				sortbox.style.display = "none";
			},false);
		}
		
		sortbox.style.display = "none";
	}
	//rbox中的导航圆角效果
	var caps = getElementsByTheClassName('cap','div');
	var capsNavs = [];
	var capsNavAs = [];
	for ( var i = 0; i<caps.length; i++ ){ 
		capsNavs.push(getElementsByTheClassName('nav','div',caps[i])[0]);	
	}
	
	for ( var i = 0; i<capsNavs.length; i++ ){
		var b = document.createElement("em");
		if(capsNavs[i]){
			capsNavs[i].appendChild(b);
			//选项卡效果
			capsNavAs = capsNavs[i].getElementsByTagName("a")
			optionCard(capsNavAs,capsNavs[i]);
		}
	}
}
//圆角效果
function rboxFunc(){
	//圆角rbox1效果
	var rbox1s = getElementsByTheClassName('rbox1','div');
	for ( var i = 0; i<rbox1s.length; i++ ){ 
		var tl = document.createElement("div");
		tl.className = 't-l';
		var tr = document.createElement("div");
		tr.className = 't-r';
		var bl = document.createElement("div");
		bl.className = 'b-l';
		var br = document.createElement("div");
		br.className = 'b-r';

		rbox1s[i].appendChild(tl);
		rbox1s[i].appendChild(tr);
		rbox1s[i].appendChild(bl);
		rbox1s[i].appendChild(br);
		rbox1s[i].style.zoom = 1;
		
		tr.style.right = bl.style.bottom = br.style.right = br.style.bottom = '-1px';
	}
	//圆角rbox2效果
	var rbox2s = getElementsByTheClassName('rbox2','div');
	for ( var i = 0; i<rbox2s.length; i++ ){ 
		var tl = document.createElement("div");
		tl.className = 't-l';
		var tr = document.createElement("div");
		tr.className = 't-r';
		var bl = document.createElement("div");
		bl.className = 'b-l';
		var br = document.createElement("div");
		br.className = 'b-r';

		rbox2s[i].appendChild(tl);
		rbox2s[i].appendChild(tr);
		rbox2s[i].appendChild(bl);
		rbox2s[i].appendChild(br);
	}
}
function optionCard(opts,nav){
	for ( var i = 0; i<opts.length; i++ ){
		opts[0].style.border = 0;
		
		nav.getElementsByTagName('em')[0].style.left = opts[0].offsetLeft+0.5*opts[0].offsetWidth-6+'px';
		if(opts[i].attachEvent){
			opts[i].attachEvent("onmouseover",function(event){
				nav.getElementsByTagName('em')[0].style.left = event.srcElement.offsetLeft+0.5*event.srcElement.offsetWidth-6+'px';
				for ( var i = 0; i<opts.length; i++ ){
					opts[i].className="";
					//切换显示区的接口onWalk(i)
					if(event.srcElement==opts[i]) onWalk(i);
				}
				event.srcElement.className="on";
			});
		}else{
			opts[i].addEventListener("mouseover",function(e){
				nav.getElementsByTagName('em')[0].style.left = e.target.offsetLeft+0.5*e.target.offsetWidth-6+'px';
				for ( var i = 0; i<opts.length; i++ ){
					opts[i].className="";
					//切换显示区的接口onWalk(i)
					if(e.target==opts[i]) onWalk(i);
				}
				e.target.className="on";
			},true);
		}
	}
}
function onWalk(index){
	//alert(index)
}
if(window.attachEvent){
	window.attachEvent("onload",initialization);
}else{
	window.addEventListener("load",initialization,false);
}

// banner中的搜索功能
function searchType(id){
	var st=document.getElementById(id);
	if(st.style.display=='none'){
		st.style.display='block';
	}else{
		st.style.display='none';
	}
};
function searchTypeSelected(o,id1,id2,formID){
	var st=document.getElementById(id1);
	if(st.style.display=='none'){
		st.style.display='block';
	}else{
		st.style.display='none';
	}
	var st=document.getElementById(id2);
	st.innerHTML = o.innerHTML;
	switch(parseInt(o.value)){
		case 1:
			document.getElementById(formID).action = "/search/valueSearch.action";
			break;
		case 2:
			document.getElementById(formID).action = "/search/serviceSearch.action";
			break;
		case 3:
			document.getElementById(formID).action = "/search/requireSearch.action";
			break;
		case 4:
			document.getElementById(formID).action = "/search/userSearch.action";
			break;
	}
};