<!--//--><![CDATA[//><!--
var selects=document.getElementsByTagName('select');//取得所有列表框
var isIE=(document.all&&window.ActiveXObject&&!window.opera)?true:false;//判断是否IE浏览器
function rSelects(){ //创建列表框替代HTML，并隐藏原始列表框
	for(i=0;i<selects.length;i++){  
		if(selects[i].getAttribute('rel')=='style'){//如果列表框rel=="style"则模拟设置
			//隐藏列表框
			selects[i].style.display='none';
			//创建容器：模拟列表框
			select_tag=document.createElement('div');
			select_tag.id='select_'+i;
			select_tag.className='select_box';
			select_tag.style.width=selects[i].style.width;
			selects[i].parentNode.insertBefore(select_tag,selects[i]);
			//创建默认显示区域外容器
			select_info=document.createElement('p');
			select_info.id='select_info_'+i;
			select_tag.appendChild(select_info);
			//创建下拉菜单容器
			select_div=document.createElement('div');
			select_div.id='options_'+i;
			select_tag.appendChild(select_div);
			//创建下拉菜单ul
			select_div_ul=document.createElement('ul');
			select_div.appendChild(select_div_ul);
			//创建li列表
			rOptions(i);
			//触发列表框模拟事件
			mouseSelects(i);
			}
		}
	}
function rOptions(i){//创建下拉列表，并赋予其事件，选定后传值与option，保证表单提交正确信息
	var options=selects[i].getElementsByTagName('option');
	var options_ul='options_'+i;
	for(n=0;n<options.length;n++){
		//创建li列表
		option_li=document.createElement('li');
		option_li.valuet=n;
		$(options_ul).firstChild.appendChild(option_li);
		//创建li列表内容器
		option_li_span=document.createElement('span');
		option_li.appendChild(option_li_span);
		option_text=document.createTextNode(selects[i].options[n].text);
		option_li_span.appendChild(option_text);
		option_selected=selects[i].options[n].selected;
		if(option_selected){
			option_li.className='selected';
			option_li.id='selected_'+i;
			$('select_info_'+i).innerHTML=option_li.innerHTML;
			}
		option_li.onmouseover=function(){
			this.className+=' hover';
			}
		option_li.onmouseout=function(){  
			if(this.id=='selected_'+i){
				this.className='selected';
				}
			else{  
				this.className='';
				}
			}
		option_li.onmousedown=function(){
			sed(i,this.valuet);//设置相对应的列表框选定
			$('select_info_'+i).innerHTML=this.innerHTML;//设置显示区域为选定文本
			$('select_info_'+i).className='';//设置显示区域初始样式
			$('options_'+i).className='';//关闭下拉菜单
			}
		}
	function sed(i,is){
		for(n=0;n<options.length;n++){
			if(n==is){
				options[n].selected="selected";
				$('options_'+i).getElementsByTagName('li')[n].className="selected";
				$('options_'+i).getElementsByTagName('li')[n].id="selected_"+i;
				}
			else{
				options[n].selected="";
				$('options_'+i).getElementsByTagName('li')[n].className="";
				$('options_'+i).getElementsByTagName('li')[n].id="";
				}
			}
		}
	}
function mouseSelects(i){//绑定事件到下拉列表
	var sincn='select_info_'+i;
	$(sincn).onmouseover=function(){  
		if(this.className=='')this.className='hover';
		}
	$(sincn).onmouseout=function(){
		document.onclick=function(){closeOption();}//关闭所有下拉列表，并绑定事件给document：点击时关闭所有下拉列表
		if(this.className=='hover')this.className='';
		}
	$(sincn).onmousedown=function (){
		document.onclick="";//取消document事件，打开下拉列表
		closeOption()//关闭所有下拉列表，并绑定事件给document：点击时关闭所有下拉列表
		$('options_'+i).className='open'//如果显示当前下拉列表
		this.className='open';
		}
	}
function closeOption(){//关闭所有下拉列表
	for(i=0;i<selects.length;i++){
		if($('options_'+i)){
			$('options_'+i).className='';
			$('select_info_'+i).className='';
			}
		}
	}
window.onload=function(){rSelects();}//页面加载完毕执行函数：替换所有列表框

//--><!]]>