function my_select_css(){
   var css='';
   css += '<style>';
   css += '.my_select_text {border:1px solid #ccc;background:#fff url(../images/my_select_arrow.gif) right top no-repeat!important;;color:#A2A2A2;cursor:pointer;}';
   css += '.my_select_list {height:100px;width:auto;overflow-y:auto;display:block;background-color:#fff;}';
   css += '.my_select_list {position:absolute;left:0px;top:21px;;border:1px solid #ccc;}';
   css += '.my_select_list, .my_select_list * {margin:0px;padding:0px;}';
   css += '.my_select_list {margin:0px;padding:0px;padding-left:4px;}';
   css += '.my_select_list ul {padding:0px;}';
   css += '.my_select_list li {list-style:none;;;}';
   css += '.my_select_list li a {font-size:12px;color:#A2A2A2;text-decoration:none;display:block;;margin:0px;padding:0px;clear:both;height:20px;line-height:20px;text-indent:4px;}';
   css += '.my_select_list li a:hover {color:#000;}';
   css += '.my_select_list {';
   css += ' scrollbar-3dlight-color:#ffffff; /*- 最外左 -*/';
   css += '  scrollbar-highlight-color:#E5E5E5; /*- 左二 -*/';
   css += '  scrollbar-face-color:#ffffff; /*- 面子 -*/';
   css += '  scrollbar-arrow-color:#E5E5E5; /*- 箭头 -*/';
   css += '  scrollbar-shadow-color:#E5E5E5; /*- 右二 -*/';
   css += '  scrollbar-darkshadow-color:#ffffff; /*- 右一 -*/';
   css += '  scrollbar-base-color:#D7DCE0; /*- 基色 -*/';
   css += '  scrollbar-track-color:#F5F5F5;/*- 滑道 -*/';
   css += '}</style>';
   document.write(css);
}

my_select_css();

var my_select_all="";
var my_select_current="";

function my_select_SetText(idname,text){
  var obj;
  obj = document.getElementById(idname);
  if (!obj){return false;}
  obj.value=text;
}

function my_select_SetValue(idname,text){
  var obj;
  obj = document.getElementById(idname);
  if (!obj){return false;}
  obj.value=text;
}
function my_select_swap(idname){
  var obj=document.getElementById(idname);
  if (''==obj.style.display){
     obj.style.display='none';
	 my_select_current="";
  }else{
     obj.style.display='';
	 my_select_current=idname;
  }
}

function my_select_show(idname){
  var obj=document.getElementById(idname);
  obj.style.display='';
}

function my_select_hide(idname){
  var obj=document.getElementById(idname);
  obj.style.display='none';
}

function my_select_init(){
  var objs, obj, i
  var DIVs=document.getElementsByTagName("div");
  for (var i=0; i<DIVs.length; i++){
    var DIV=DIVs[i];
	if ('my_select_list' == DIV.className){
	  
        var linksel = DIV.linksel;
        var linkhidden = DIV.linkhidden;
		var linkspan = DIV.id;
		
		var inputer=document.getElementById(linksel);
		inputer.linkspan=linkspan;
        
		inputer.onmousedown=function(){
		  my_select_swap(this.linkspan);
		}

		var As = DIV.getElementsByTagName("a");
		for (var j=0; j<As.length; j++){
		  var A=As[j];
		  A.linksel = linksel;
		  A.linkhidden = linkhidden;
		  A.linkspan = linkspan;
		  A.onclick = function(){
		     my_select_SetText(this.linksel,this.text);
		     my_select_SetValue(this.linkhidden,this.value);
			 my_select_hide(this.linkspan);
		  }
		}

	}
    
  }
}


function my_select_create(selectName,width,list_str,value_str,def_text,def_value){

var output='';

my_select_all+=selectName+'|';

output+='<table style="position:relative;" cellspacing="0" cellpadding="0" border="0"><tr><td>';
output+='<INPUT value="'+def_text+'" readonly TYPE="text"  NAME="'+selectName+'_sel" style="width:'+width+';padding:2px;"  ID="'+selectName+'_sel" class="my_select_text" >';
output+='<INPUT value="'+def_value+'" type="hidden" name="'+selectName+'" ID="'+selectName+'" >';
output+='<div style="display:none;width:'+width+';" class="my_select_list" linksel="'+selectName+'_sel" linkhidden="'+selectName+'" ID="'+selectName+'_list">';
output+='  <ul>';

var Lists=list_str.split('|');
var Values=value_str.split('|');

for (var i=0; i<Lists.length ; i++ ){
	var List=Lists[i];
	var Value=Values[i];
	if (!List || !Value){
		break;
	}
    output+='  <li><a href="#" text="'+List+'" value="'+Value+'">'+List+'</a></li>';
}

output+='  </ul>';
output+='</div>';
output+='</td></tr></table>';

document.write(output);

}



function my_select_create_onchange(onchange,width,list_str,value_str,def_text,def_value){

var output='';

var selectName="F"+Math.ceil(Math.random()*100);
width=width.replace('px','')
onchange=onchange.replace('this',selectName);

my_select_all+=selectName+'|';

output+='<table style="position:relative;" cellspacing="0" cellpadding="0" border="0"><tr><td>';
output+='<INPUT   value="'+def_text+'" readonly TYPE="text"  NAME="'+selectName+'_sel" style="width:'+(1.4*width)+'px;padding:0px 2px;"  ID="'+selectName+'_sel" class="my_select_text" >';
output+='<INPUT    value="'+def_value+'" type="hidden" name="'+selectName+'" ID="'+selectName+'" >';
output+='<div style="display:none;width:'+(1.4*width)+'px;top:17px;" class="my_select_list" linksel="'+selectName+'_sel" linkhidden="'+selectName+'" ID="'+selectName+'_list">';
output+='  <ul>';

var Lists=list_str.split('|');
var Values=value_str.split('|');

for (var i=0; i<Lists.length ; i++ ){
	var List=Lists[i];
	var Value=Values[i];
	if (!List || !Value){
		break;
	}
    output+='  <li><a   href=\''+onchange+'\' text="'+List+'" value="'+Value+'">'+List+'</a></li>';
}

output+='  </ul>';
output+='</div>';
output+='</td></tr></table>';

document.write(output);

}

function my_select_bodyclick(){
	my_select_closeall();
}

function my_select_closeall(){
	var Divstr = my_select_all.split('|');
	for (var i=0; i<Divstr.length ; i++ ){
		var Divs=Divstr[i];
		if (!Divs){
			break;
		}
		Divs+='_list';
		if (my_select_current != Divs){
			var Div=document.getElementById(Divs);
			Div.style.display='none';
		}

	}
	my_select_current="";
}

window.attachEvent('onload',my_select_init);
document.attachEvent('onclick',my_select_bodyclick);