// javascript document
var ____configarray;
function __initdropdownlist(configarray){
	//获取select菜单
	____configarray=configarray;
	var existarray=configarray.split("|");
	for(var i=0;i<existarray.length;i++){
		if(existarray[i].length<1){return;}
		//根据参数分别获取div，并分别添加事件
		var parentcontainer=document.getelementbyid(existarray[i]);
		if(!parentcontainer){return;}
		//获取下面的select，且获取其中的option
		var selectobj=parentcontainer.getelementsbytagname("select");
		if(selectobj.length<1){return;}
		var optionarray=selectobj[0].getelementsbytagname("option");
		//获取option，并分别添加到各个li
		var optionlength=optionarray.length;
		for(var j=0;j<optionlength;j++){
			//获取ul，以便能够添加项目
			var ulobj=parentcontainer.getelementsbytagname("ul");
			if(ulobj.length<1){return;}
			//获取span，以便能显示当前选择的项目
			var spanobj=parentcontainer.getelementsbytagname("span");
			if(spanobj.length<1){return;}
			var liobj=document.createelement("li");
			var textnode=document.createtextnode(optionarray[j].firstchild.nodevalue)
			liobj.appendchild(textnode);
			liobj.setattribute("currentindex",j);
			//如果option的selected="selected"
			if (optionarray[j].selected){
				selectcurrentitem(ulobj[0],liobj);
			}
			//给每个liobj添加事件
			liobj.onclick=function(){
				selectcurrentitem(this.parentnode,this);
			}
			liobj.onmouseover=function(){if(this.classname.indexof("current")<0){this.classname="over";}}
			liobj.onmouseout=function(){if(this.classname.indexof("current")<0){this.classname="normal";}}
			ulobj[0].appendchild(liobj);
			spanobj[0].onclick=function(event){
				//如果当前是显示的，就隐藏，反之亦然
				showhiddenul(this);
			}
			spanobj[0].onmouseover=function(){this.classname='over';}
			spanobj[0].onmouseout=function(){this.classname="";};
			ulobj[0].onclick=function(){this.classname="";}
		}
		parentcontainer.onclick=function(event){
			if(!event){event=window.event;}
				event.cancelbubble=true;
				var eventulobj=this.getelementsbytagname("ul")[0];
				bodyclickhiddenul(eventulobj);
		}
	}
}
function selectcurrentitem(ulobj,currentobj){
	var parentobj=ulobj.parentnode;
	var spanobj=parentobj.getelementsbytagname("span")[0];
	spanobj.firstchild.nodevalue=currentobj.firstchild.nodevalue;
	var selectobj=parentobj.getelementsbytagname("select")[0];
	selectobj.selectedindex=parseint(currentobj.getattribute("currentindex"));
	var ulliobj=ulobj.getelementsbytagname("li");
	var length=ulliobj.length;
	var currentliobj=null;
	for(var i=0;i<length;i++){
		currentliobj=ulliobj[i];
		currentliobj.classname="normal";
	}
	currentobj.classname="current";
}
function showhiddenul(currentobj){
	var parentnode=currentobj.parentnode;
	var ulobj=parentnode.getelementsbytagname("ul")[0];
	if(ulobj.classname==""){
		ulobj.classname="show";
	}else{
		ulobj.classname="";
	}
}
//点击body区域（非“下拉菜单”）隐藏菜单
function addbodyclick(func) {
	var bodyobj=document.getelementsbytagname("body")[0];
	var oldbodyclick = bodyobj.onclick;
		if (typeof bodyobj.onclick != 'function') {
			bodyobj.onclick = func;
		} else {
			bodyobj.onclick = function() {
			oldbodyclick();
			func();
		}
	}
}
//隐藏所有的ul
function bodyclickhiddenul(eventulobj){
	var existarray=____configarray.split("|");
	for(var i=0;i<existarray.length;i++){
		if(existarray[i].length<1){return;}
		//寻找所有ul并且隐藏
		var parentcontainer=document.getelementbyid(existarray[i]);
		if(!parentcontainer){return;}
		var ulobj=parentcontainer.getelementsbytagname("ul");
		if(eventulobj!=ulobj[0]){
			ulobj[0].classname="";
		}
	}
}
var __dropdownlist="dropdownlist1|dropdownlist2|dropdownlist3";
__initdropdownlist(__dropdownlist);
//添加这个可以确保点击body区域的时候 也可以隐藏菜单
addbodyclick(bodyclickhiddenul);