//var mDDLItemValue ="";
function jsDDL(ddl_Wrap,ddl_Menu,jsDDL_Obj,ddl_BtnImg,ddl_BtnImg2,mDDL_ItemArr,fun)
{

	this.ddlWrap = ddl_Wrap;
	this.ddlMenu = ddl_Menu;
	this.jsDDLObj = jsDDL_Obj;
	this.ddlBtnImg = ddl_BtnImg;
	this.ddlBtnImg2 = ddl_BtnImg2;
	this.mDDLItemArr = mDDL_ItemArr;
	this.fun = fun;
	
	//var ddlImg =$(this.ddlWrap).childNodes[1].firstChild.firstChild;
	var ddlImg =document.getElementById(this.ddlWrap).childNodes[1].firstChild.firstChild;
    
	if(document.all)
	{
	
		ddlImg.outerHTML ="<img src='"+ this.ddlBtnImg +"' onclick='" +  this.jsDDLObj +".ctrDDL()' />";
		
	}
	else
	{
	
		ddlImg.setAttribute("onclick",this.jsDDLObj+".ctrDDL()");
	}
	
	if(this._init != true)
	{
	
			jsDDL.prototype.ctrDDL = function()
			{
			
				//if($(this.ddlMenu)!= null)
				if(document.getElementById(this.ddlMenu)!=null)
				{
					this.closeDDL();
				}	
				else
				{
					this.openDDL();	
				}	
			}
			

		
			jsDDL.prototype.openDDL = function ()
			{
			
				var _eventElem =window.event?event.srcElement:(this.openDDL.caller.caller.arguments[0].target);
				var _elem=document.createElement("ul");
				var _sb=new StringBuilder();
				for(i=0;i<this.mDDLItemArr.length;i++)
				{
					_sb.append("<li onmouseover=\"this.className=\'on\'\" onmouseout=\"this.className=\'\'\"  onclick=\"");
					_sb.append(this.jsDDLObj);
					_sb.append(".selectItem()\" >");
					_sb.append(this.mDDLItemArr[i]);
					_sb.append("<\/li>");
				}
				var _tmp = _sb.toString();
				_elem.innerHTML = _tmp;
				_eventElem.parentNode.appendChild(_elem);
				_eventElem.parentNode.lastChild.id=this.ddlMenu;
				_eventElem.src=this.ddlBtnImg2;		
				
			}
			
			
			jsDDL.prototype.closeDDL = function ()
			{
			    
				//$(this.ddlMenu).parentNode.firstChild.src=this.ddlBtnImg;
				//$(this.ddlMenu).parentNode.removeChild($(this.ddlMenu)); 	
				document.getElementById(this.ddlMenu).parentNode.firstChild.src=this.ddlBtnImg;
				document.getElementById(this.ddlMenu).parentNode.removeChild(document.getElementById(this.ddlMenu)); 	
					
			}		
	
			jsDDL.prototype.selectItem = function ()
			{
			
				//$(this.ddlWrap).firstChild.value=(window.event?event.srcElement:(this.selectItem.caller.arguments[0].target)).innerHTML;
				document.getElementById(this.ddlWrap).firstChild.value=(window.event?event.srcElement:(this.selectItem.caller.arguments[0].target)).innerHTML;
				//mDDLItemValue = $(this.ddlWrap).firstChild.value;
				
				this.closeDDL();
				this.fun();		
			}
			
			this._init = true;
	}
	
}

/*
jsDDLç±?hit/2008-09-14
[用途]
javascript实现的下拉��样�上支�自定义�

[�数]
arguments[0] : 下拉��容器对象;
arguments[1] : ��容器对象�

arguments[2] :　下拉��实例�；
arguments[3] :　下拉��按扭默认图片路径�

arguments[4] : 下拉��按扭���图片路径；
arguments[5] : 下拉��项数组；
arguments[6]:下拉��选择�触�的函数�

*/