// JavaScript Document\/************************************

function init_select_set() {
    btn_url = "http://style.jctrans.com/jx0907/search_row.gif"; //下列表的三角图片
    btn_focus_url = "http://style.jctrans.com/jx0907/search_row.gif";
    border_color = "#cccccc"; //下拉列表框的颜色,既select的颜�?
    font_size = "12px";
    rollover_style = "url(" + btn_focus_url + ") no-repeat right 2px";
    rollout_style = "url(" + btn_url + ") no-repeat right 2px";
};



var childCreate = false;
function Offset(e)
//取标签的绝对位置
{
    var t = e.offsetTop;
    var l = e.offsetLeft;
    var w = e.offsetWidth;
    var h = e.offsetHeight + 3;

    while (e = e.offsetParent) {
        t += e.offsetTop;
        l += e.offsetLeft;
    }
    return {
        top: t,
        left: l,
        width: w,
        height: h
    }
};

function loadSelect(obj, tapId) {
    var objId = obj.id;
    if (tapId != "undefined" && tapId != "") objId += '_' + tapId;
    //第一步：取得Select所在的位置
    var offset = Offset(obj);
    //第二步：将真的select隐藏

    //第三步：虚拟一个div出来代替select
    var iDiv = document.createElement("div");
    iDiv.className = "iDiv";
	
    iDiv.id = "selectof" + objId;
    iDiv.style.position = "absolute";
	iDiv.style.zIndex = "999";
    iDiv.style.width = offset.width + "px";
    iDiv.style.height = offset.height + "px";
    iDiv.style.top = offset.top +3 +"px";
    iDiv.style.left = offset.left +0+ "px";
	iDiv.style.textAlign = "center";
    //    iDiv.style.background = rollout_style;
    //iDiv.style.borderRight = "1px solid " + border_color;
	//iDiv.style.border = "1px solid " + border_color;
    iDiv.style.fontSize = "12px";
    iDiv.style.lineHeight = offset.height + "px";
    iDiv.style.textIndent = "0px";
    iDiv.style.cursor = "default";
    iDiv.style.display = "block";

    //创建span 显示选中�?
    var iSpan = document.createElement("span");
	iSpan. onchange="SearchChanged('select_yunjia','1')";
    iSpan.id = "selectofspan" + objId;
    iSpan.style.display = "block";
    iSpan.style.width = offset.width + "px";
    iSpan.style.height = offset.height + "px";
	iSpan.style.paddingRight = 10 + "px";
    iSpan.style.background = rollout_style;
    //第四步：将select中默认的选项显示出来
    var tValue = obj.options[obj.selectedIndex].innerHTML;
    //    iDiv.innerHTML = tValue;
    iSpan.innerHTML = tValue;

    iDiv.appendChild(iSpan);

    //附加到document.body
    document.body.appendChild(iDiv);
    //    obj.parentNode.appendChild(iDiv);

    //第五步：模拟鼠标点击
    iDiv.onmouseover = function() {
        iDiv.style.background = rollover_style;
    };
    iDiv.onmouseout = function() {
        iDiv.style.background = rollout_style;
    };

    ///////////////////////////////////////////////////////
    //初始一个div放在上一个div下边，当options的替身�?
    var cDiv = document.createElement("div");
    cDiv.id = "selectchild" + objId;
    //            cDiv.style.position = "absolute";
    cDiv.style.width = offset.width + "px";
    cDiv.style.height = obj.options.length * 20 + "px";
    cDiv.style.top = (offset.top + offset.height + 2) + "px";
    cDiv.style.left = offset.left + "px";
    cDiv.style.background = "#f7f7f7"; //options的背景颜�?
    cDiv.style.border = "1px solid silver"; //options的边框颜�?
    cDiv.style.cursor = "default";
    cDiv.style.display = "none";

    var uUl = document.createElement("ul");
    uUl.id = "uUlchild" + objId;
    uUl.style.listStyle = "none";
    uUl.style.margin = "0";
    uUl.style.padding = "0";
    uUl.style.fontSize = font_size;
    cDiv.appendChild(uUl);
    
    // document.body.appendChild(cDiv);
    iDiv.appendChild(cDiv);

    childCreate = true;
    for (var i = 0; i < obj.options.length; i++) {
        //将原始的select标签中的options添加到li�?
        var lLi = document.createElement("li");
        lLi.id = obj.options[i].value;
        lLi.style.textIndent = "4px";
        lLi.style.height = "20px";
        lLi.style.lineHeight = "20px";
        lLi.innerHTML = obj.options[i].innerHTML;
        uUl.appendChild(lLi);
    }
    var liObj = document.getElementById("uUlchild" + objId).getElementsByTagName("li");
    for (var j = 0; j < obj.options.length; j++) {
        //为li标签添加鼠标事件
        liObj[j].onmouseover = function() {
            this.style.background = "gray";
            this.style.color = "white";
        };
        liObj[j].onmouseout = function() {
            this.style.background = "white";
            this.style.color = "black";
        };
        liObj[j].onclick = function() {
            //做两件事情，一是将用户选择的保存到原始select标签中，要不做的再好看表单递交后也获取不到select的值了�?
            // obj.options.length = 0;
            obj.options[0] = new Option(this.innerHTML, this.id);
            for (var i = 0; i < obj.options.length; i++) {
                if (obj.options[i].value == this.innerHTML || obj.options[i].text == this.innerHTML) {
                    obj.options[i].selected = true; break;
                }
            }
            //同时我们把下拉的关闭掉�?
            document.getElementById("selectchild" + objId).style.display = "none";
            childCreate = false;
            //                    iDiv.innerHTML = this.innerHTML;
            iSpan.innerHTML = this.innerHTML;
        };
    }

    cDiv.onmouseover = function() {
        cDiv.style.display = "block";
    };
    cDiv.onmouseout = function() {
        cDiv.style.display = "none";
    };
    iDiv.onmouseover = function() {
        cDiv.style.display = "block";
    };
    iDiv.onmouseout = function() {
        cDiv.style.display = "none";
    };
    ///////////////////////////////////////////////////////
    
    
    iSpan.onclick = function() {
        if (document.getElementById("selectchild" + objId)) {
            //判断是否创建过div
            if (childCreate) {
                //判断当前的下拉是不是打开状态，如果是打开的就关闭掉。是关闭的就打开�?
                //                document.getElementById("selectchild" + objId).style.display = "block";
                //                childCreate = true;
                document.getElementById("selectchild" + objId).style.display = "none";
                childCreate = false;
            } else {
                //                document.getElementById("selectchild" + objId).style.display = "none";
                //                childCreate = false;
                document.getElementById("selectchild" + objId).style.display = "block";
                childCreate = true;
            }
        } else {
        }
    };


};

//普通select
//init_select('id1,id2,id3')
function init_select(ids) {
    init_select_set();
    var id = ids.split(',');
    for (var i = 0; i < ids.length; i++) {
        var obj = document.getElementById(id[i]);
        loadSelect(obj);
        obj.style.display = "none";
    }
};

//标签切换下的select
function init_tap_select(tapId, selectId) {
    if (selectId != undefined && selectId != '') {
        var divSelect = document.getElementById('selectof' + selectId + '_' + tapId);
        if (divSelect == "undefined" || divSelect == null) {
            init_select_set();
            var obj = document.getElementById(selectId);
            loadSelect(obj, tapId);
            obj.style.display = "none";
        }
    }
}

function setTabLocal(name, cursel, n, selectId) {
    for (i = 1; i <= n; i++) {
        var menu = document.getElementById(name + i);
        var con = document.getElementById("con_" + name + "_" + i);
        menu.className = i == cursel ? "tab0"+i+"-on" : "tab0"+i+"-off";
        con.style.display = i == cursel ? "block" : "none";
    }
    init_tap_select(cursel, selectId);

    //隐藏所有tap下的select�?
    var s = document.getElementsByTagName('div');
    var id = "";
    for (var i = 0; i < s.length; i++) {
        id = s[i].id.toString();
        if (id.indexOf('selectof') >= 0) {
            s[i].style.display = "none";
        }
    }
    //显示当前tap下的select
    var tabSelect = document.getElementById('selectof' + selectId + '_' + cursel);
    if (tabSelect != undefined && tabSelect != null) {
        tabSelect.style.display = "block";
    }
}
function setTabBG(name, cursel, n, selectId) {
	      var searchmenu=document.getElementById("searchmenu");
        searchmenu.style.backgroundImage="url(/images/search/search_menu0"+cursel+".gif)";
    for (i = 1; i <= n; i++) {
        var menu = document.getElementById(name + i);
        var con = document.getElementById("con_" + name + "_" + i);
        menu.className = i == cursel ? "tab0"+i+"-on" : "tab0"+i+"-off";
        con.style.display = i == cursel ? "block" : "none";
    }
    init_tap_select(cursel, selectId);

    //隐藏所有tap下的select�?
    var s = document.getElementsByTagName('div');
    var id = "";
    for (var i = 0; i < s.length; i++) {
        id = s[i].id.toString();
        if (id.indexOf('selectof') >= 0) {
            s[i].style.display = "none";
        }
    }
    //显示当前tap下的select
    var tabSelect = document.getElementById('selectof' + selectId + '_' + cursel);
    if (tabSelect != undefined && tabSelect != null) {
        tabSelect.style.display = "block";
    }
}