function openBg(state) { //遮照打开关闭控制
    if (state == 1) {
        $("#bg").show();
        $("#bg").height($(document).height());
    }
    else {
        $("#bg").fadeOut("slow");
    }
}

function openselect(state) { //选择城市层关闭打开控制
    if (state == 1) {
        $("#selectItem").fadeIn("slow");
        $("#selectItem").css("left", ($("#bg").width() - $("#selectItem").width()) / 2);
        //alert(document.documentElement.scrollTop + "||" + document.body.scrollTop)
        if (document.body.scrollTop != 0) {
            $("#selectItem").css("top", document.body.scrollTop + 100 + "px");
        } else {
            $("#selectItem").css("top", document.documentElement.scrollTop + 100 + "px");
        }

    }
    else {
        $("#selectItem").fadeOut("slow");
    }
}

function openselect2(state) { 
    if (state == 1) {
        $("#selectItem2").fadeIn("slow");
        $("#selectItem2").css("left", ($("#bg").width() - $("#selectItem").width()) / 2);
        if (document.body.scrollTop != 0) {
            $("#selectItem2").css("top", document.body.scrollTop + 100 + "px");
        } else {
            $("#selectItem2").css("top", document.documentElement.scrollTop + 100 + "px");
        }

    }
    else {
        $("#selectItem2").fadeOut("slow");
    }
}

function openselect3(state) {
    if (state == 1) {
        $("#selectItem3").fadeIn("slow");
        $("#selectItem3").css("left", ($("#bg").width() - $("#selectItem").width()) / 2);
        if (document.body.scrollTop != 0) {
            $("#selectItem3").css("top", document.body.scrollTop + 100 + "px");
        } else {
            $("#selectItem3").css("top", document.documentElement.scrollTop + 100 + "px");
        }

    }
    else {
        $("#selectItem3").fadeOut("slow");
    }
}









/* 鼠标拖动 */
var oDrag = "";
var ox, oy, nx, ny, dy, dx;
function drag(e, o) {
    var e = e ? e : event;
    var mouseD = document.all ? 1 : 0;
    if (e.button == mouseD) {
        oDrag = o.parentNode;
        //alert(oDrag.id);
        ox = e.clientX;
        oy = e.clientY;
    }
}
function dragPro(e) {
    if (oDrag != "") {
        var e = e ? e : event;

        dx = parseInt(oDrag.style.left);
        dy = parseInt(oDrag.style.top);
        nx = e.clientX;
        ny = e.clientY;
        oDrag.style.left = (dx + (nx - ox)) + "px";
        oDrag.style.top = (dy + (ny - oy)) + "px";
        ox = nx;
        oy = ny;
    }
}
document.onmouseup = function() { oDrag = ""; }
document.onmousemove = function(event) { dragPro(event); }