// JavaScript Document
  makeSelectBox("Top1_selectTest1");
   if("" != ""){
     selectValue6('selectTest1', document.form1.select1, "");
   }

var nowOpenedSelectBox = "";
var mousePosition = "";

function selectThisValue(thisId,thisIndex,thisValue,thisString) {
var objId = thisId;
var nowIndex = thisIndex;
var valueString = thisString;
var sourceObj = document.getElementById(objId);
var nowSelectedValue = document.getElementById(objId+"SelectBoxOptionValue"+nowIndex).value;
hideOptionLayer(objId);
if (sourceObj) sourceObj.value = nowSelectedValue;
settingValue(objId,valueString);
selectBoxFocus(objId);
if (sourceObj.onchange) sourceObj.onchange();
}

function settingValue(thisId,thisString) {
var objId = thisId;
var valueString = thisString;
var selectedArea = document.getElementById(objId+"selectBoxSelectedValue");
if (selectedArea) selectedArea.innerText = valueString;
}

function viewOptionLayer(thisId) {
var objId = thisId;
var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
if (optionLayer) optionLayer.style.display = "";
nowOpenedSelectBox = objId;
setMousePosition("inBox");
}

function hideOptionLayer(thisId) {
var objId = thisId;
var optionLayer = document.getElementById(objId+"selectBoxOptionLayer");
if (optionLayer) optionLayer.style.display = "none";
}

function setMousePosition(thisValue) {
var positionValue = thisValue;
mousePosition = positionValue;
}

function clickMouse() {
if (mousePosition == "out") hideOptionLayer(nowOpenedSelectBox);
}

function selectBoxFocus(thisId) {
var objId = thisId;
var obj = document.getElementById(objId + "selectBoxSelectedValue");
obj.className = "selectBoxSelectedAreaFocus";
obj.focus();
}

function selectBoxBlur(thisId) {
var objId = thisId;
var obj = document.getElementById(objId + "selectBoxSelectedValue");
obj.className = "selectBoxSelectedArea";
}
function ov(obj){
obj.style.backgroundColor="#D40000";
obj.style.color="#FFFFFF";
//obj.style.height=35;
}
function ot(obj){
obj.style.backgroundColor="";
obj.style.color="#666666";
//obj.style.height="";
}
function makeSelectBox(thisId) {
var downArrowSrc = "/images/xl.jpg"; //自定义下拉箭头的图片路径
var downArrowSrcWidth = 16; //箭头的宽度
var optionHeight = 19; // 选项的高度
var optionMaxNum = 7; // 显示最多选项的数量
var optionInnerLayerHeight = "";
var objId = thisId;
var obj = document.getElementById(objId);
var selectBoxWidth = parseInt(obj.style.width);
var selectBoxHeight = parseInt(obj.style.height);
if (obj.options.length > optionMaxNum) optionInnerLayerHeight = "height:"+ (optionHeight * optionMaxNum) + "px";
newSelect = "<table id='" + objId + "selectBoxOptionLayer' cellpadding='0' cellspacing='0' border='0' style='position:absolute;z-index:100;display:none;' onMouseOver=\"viewOptionLayer('"+ objId + "')\" onMouseOut=\"setMousePosition('out')\">";
newSelect += " <tr>";
newSelect += "   <td height='" + selectBoxHeight + "'  onClick=\"hideOptionLayer('"+ objId + "')\"></td>";
newSelect += " </tr>";
newSelect += " <tr>";
newSelect += "   <td height='1'></td>";
newSelect += " </tr>";
newSelect += " <tr>";
newSelect += "   <td bgcolor='#FFFFFF'>";
newSelect += "   <table cellpadding='0' class='selectBoxOptionInnerLayer' cellspacing='0' border='0' width='100%'><tr><td class='selectBoxOptionInnerLayer' style='width:" + (selectBoxWidth-1+2) + "px;background:#FFFFFF;" + optionInnerLayerHeight + "'>";
//newSelect += "   <div class='selectBoxOptionInnerLayer' style='width:" + (selectBoxWidth-1+2) + "px;background:#FFFFFF;" + optionInnerLayerHeight + "'>";
newSelect += "   <table cellpadding='0' cellspacing='0' border='0' width='100%' style='table-layout:fixed;word-break:break-all;border-bottom:1px solid #D8D8D8;background:#FFFFFF; border-right:1px solid #D8D8D8;padding-left:0px'>";
for (var i=0 ; i < obj.options.length ; i++) {
   var nowValue = obj.options[i].value;
   var nowText = obj.options[i].text;
   newSelect += "    <tr>";
   newSelect += "     <td height='" + optionHeight + "' class='selectBoxOption' onMouseOut='ot(this);' onMouseOver='ov(this);' onClick=\"selectThisValue('"+ objId + "'," + i + ",'" + nowValue + "','" + nowText + "')\" style='cursor:default;color:#666666' >" + nowText + "</td>";
   newSelect += "     <input type='hidden' id='"+ objId + "SelectBoxOptionValue" + i + "' value='" + nowValue + "'>";
   newSelect += "    </tr>";
}
newSelect += "   </table>";
newSelect += "    </td></tr></table>";
//newSelect += "   </div>";
newSelect += "   </td>";
newSelect += " </tr>";
newSelect += "</table>";
newSelect += "<table cellpadding='0' cellspacing='0' border='0' style='border-bottom:1px solid #D8D8D8;background:#FFFFFF; border-right:1px solid #D8D8D8; ' onClick=\"viewOptionLayer('"+ objId + "')\" style='cursor:default;'>";
newSelect += " <tr >";
newSelect += "   <td style='padding-left:1px' bgcolor='#FFFFFF'>";
newSelect += "   <table cellpadding='0' cellspacing='0' border='0'>";
newSelect += "    <tr>";
newSelect += "     <td><div id='" + objId + "selectBoxSelectedValue' class='selectBoxSelectedArea' style='width:" + (selectBoxWidth - downArrowSrcWidth - 4) + "px;height:" + (selectBoxHeight - 0) + "px;overflow:hidden;color:#666666;padding-left:3px;padding-bottom:0px;line-height:20px'' onBlur=\"selectBoxBlur('" + objId + "')\"></div></td>";
newSelect += "     <td><img src='" + downArrowSrc + "' width='" + downArrowSrcWidth + "' border='0'></td>";
newSelect += "    </tr>";
newSelect += "   </table>";
newSelect += "   </td>";
newSelect += " </tr>";
newSelect += "</table>";
document.write(newSelect);

var haveSelectedValue = false;
for (var i=0 ; i < obj.options.length ; i++) {
   if (obj.options[i].selected == true) {
    haveSelectedValue = true;
    settingValue(objId,obj.options[i].text);
   }
}
if (!haveSelectedValue) settingValue(objId,obj.options[0].text);
}

document.onmousedown = clickMouse;