var currentSelectList;//dan new add
var currentSelect;//dan new add
function AjaxSelectBox(v,callbackFun){

var dl = v.parentNode;
var dd = dl.getElementsByTagName("dd")[0];
(currentSelectList&&(currentSelectList != dd)) ? currentSelectList.style.display = "none" : "";//dan new add
currentSelectList = dd;//dan new add
var dt = dl.getElementsByTagName("dt")[0];
currentSelect = dt;//dan new add
var lis = dl.getElementsByTagName("li");
var html = '';
for(var y=0; y<lis.length; y++){   
   html += '<li onclick="SetSelectInput(this,1);" onmouseout="SetSelectInput(this,2);" onmousemove="SetSelectInput(this,3);" value="'+lis[y].getAttribute("value")+'">' + lis[y].innerHTML + '</li>';
}
dl.getElementsByTagName("ul")[0].innerHTML = html;
(dd.style.display == "block") ? dd.style.display = "none" : dd.style.display = "block";
////dl.onmouseout = function() {dd.style.display = "none";}
dd.onmouseover = function() {dd.style.display = "block";}

CH = document.documentElement.clientHeight;
Top = 410;
	if((dd.offsetHeight+Top)>CH)
	{
		dd.style.height = ( CH - Top ) + "px";
		dd.style.overflowY = "scroll";
		dd.style.overflowX = "hidden";
		}

}

function AjaxSelectBoxCallBack(v,callbackFun){

var dl = v.parentNode;
var dd = dl.getElementsByTagName("dd")[0];
(currentSelectList&&(currentSelectList != dd)) ? currentSelectList.style.display = "none" : "";//dan new add
currentSelectList = dd;//dan new add
var dt = dl.getElementsByTagName("dt")[0];
currentSelect = dt;//dan new add
var lis = dl.getElementsByTagName("li");
var html = '';
for(var y=0; y<lis.length; y++){   
   html += '<li onclick="SetSelectInput(this,1);'+callbackFun+';" onmouseout="SetSelectInput(this,2);" onmousemove="SetSelectInput(this,3);" value="'+lis[y].getAttribute("value")+'">' + lis[y].innerHTML + '</li>';
}
dl.getElementsByTagName("ul")[0].innerHTML = html;
(dd.style.display == "block") ? dd.style.display = "none" : dd.style.display = "block";
////dl.onmouseout = function() {dd.style.display = "none";}
dd.onmouseover = function() {dd.style.display = "block";}

CH = document.documentElement.clientHeight;
Top = 410;
	if((dd.offsetHeight+Top)>CH)
	{
		dd.style.height = ( CH - Top ) + "px";
		dd.style.overflowY = "scroll";
		dd.style.overflowX = "hidden";
		}

}

function SetSelectInput(v,flag){
var dl = v.parentNode;
while(dl.nodeName != 'DL'){
   dl = dl.parentNode;
}
var input = dl.getElementsByTagName("input")[0];
var dd = dl.getElementsByTagName("dd")[0]; 
var dt = dl.getElementsByTagName("dt")[0]; 
dd.onmouseover = function() {dd.style.display = "block";}
v.onmouseover = function() {dd.style.display = "block";} 
//dd.onmouseout = function() {dd.style.display = "none"} //dan delete
	if(flag == 1){
	   //input.value = v.attributes.getNamedItem("value").value;
	   input.value = v.getAttribute("value");
	   //alert(input.value);
	   dt.innerHTML = v.innerHTML;
	   dd.style.display = "none";
	} else if(flag == 2){
	   v.className = 'out'; return;
	} else{
	   v.className = 'move'; return; 
		}
}

function hideSelectList(e){
	e = e || event;
	target = e.srcElement || e.target;
	(currentSelectList&&(currentSelectList.style.display!="none")) ?  ((target != currentSelect) ?  currentSelectList.style.display = "none" : "") : "";
/*	if(target != currentSelect){
		currentSelectList.style.display = "none";
		}*/
	}
	
addEvent(document,"click",hideSelectList);