if (typeof (window.jQuery) == "undefined")
{
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.id = 'jquery132min';
    s.src = 'http://my.job978.com/js/jquery/jquery-1.3.2.min.js';
    document.getElementsByTagName('head')[0].appendChild(s);
}

$(document).ready(function()
{
	//alert(provincearray.length);
    if (typeof (areas) == "undefined")
    {
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.id = 'AreaJs';
        s.src = 'http://my.job978.com/js/Area.js';
        document.getElementsByTagName('head')[0].appendChild(s);
    }
});
//大类别 

function setBigClass()
{
    var _strHtml = "";
    for (var i = 0; i < provincearray.length; i++)
    {
        if (provincearray[i][1] == 0)
        {
            if (provincearray[i][2]== "0500")
                _strHtml += "<option selected='selected' value='" + provincearray[i][2] + "'>" + provincearray[i][0] + "</option>";
            else
                _strHtml += "<option value='" + provincearray[i][2]+ "'>" + provincearray[i][0] + "</option>";
        }
    }
    return _strHtml;
}
function setSelectClass()
{
    if ($("#sltBigClass option:selected") != null)
    {
        var selectedOption = $("#sltBigClass option:selected");
        var _phtml = "<input onclick='setFatherCheck(this)' id='chkbigClass_" + selectedOption.val() + "' type='checkbox' value='" + selectedOption.val() + "' fid='" + selectedOption.attr("fid") + "' /><label for='chkbigClass_" + selectedOption.val() + "' style='font-weight:bold'>" + selectedOption.text() + "</label>（选择此大类，将包括以下所有小类）";
        $("#p_smallText").html(_phtml);

        var _strHtml = "";
        for (var i = 0; i < provincearray.length; i++)
        {
            if (provincearray[i][1] == selectedOption.val())
                _strHtml += "<dd style='PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px'><input onclick='SetCheckedItem(this)' id='chksmClass_" + provincearray[i][2] + "' type='checkbox' value='" + provincearray[i][2] +"' /><label for='chksmClass_" + provincearray[i][2]+ "'>" + provincearray[i][0]+ "</label></dd>";
        }
        $("#dlItems").html(_strHtml);
    }
}
function setFatherCheck(c)
{
    if (c.checked)
    {
        $(".divcon :checkbox[fid=" + c.value + "]").removeAttr("checked");
        $(".divcon :checkbox[fid=" + c.value + "]").attr("disabled", "disabled");
    }
    else
    {
        $(".divcon :checkbox[fid=" + c.value + "]").removeAttr("disabled");
    }
    SetCheckedItem(c);
}
function SetCheckedItem(c)
{
    if (c.checked)
    {
        if ($("#selectitem :checkbox[fid=" + c.value + "]").val() != "undefined")
        {
            $("#selectitem :checkbox[fid=" + c.value + "]").next("label").remove();
            $("#selectitem :checkbox[fid=" + c.value + "]").remove();
        }
        if ($("#selectitem :checkbox[value=" + c.value + "]").val())
            return;
        if ($("#selectitem :checkbox").length == 5)
        {
            c.checked = false;
            alert("对不起！您选中的选项已经超过5项了，请先减少已选项再选择！");
            return;
        }
        var _strHtml = $("#selectitem").html();
        _strHtml += "<input onclick='removeCheckboxThis(this)' id='chkSelectItem_" + c.value + "' checked='checked' type='checkbox' value='" + c.value + "' fid='" + c.getAttribute("fid") + "' /><label for='chkSelectItem_" + c.value + "'>" + $("#" + c.id).next("label").text() + "</label>";
        $("#selectitem").html(_strHtml);
        $(".divcon :checkbox[value=" + c.value + "]").attr("checked", "checked");
    }
    else
    {
        removeCheckboxThis(c);
    }
}
function ClearItem()
{
    $(".divcon :checkbox:checked").removeAttr("checked");
    $(".divcon :checkbox:disabled").removeAttr("disabled");
    $("#selectitem").html("");
}
function removeCheckboxThis(c)
{
    $("#selectitem :checkbox[value=" + c.value + "]").next("label").remove();
    $("#selectitem :checkbox[value=" + c.value + "]").remove();
    $(".divcon :checkbox[value=" + c.value + "]").removeAttr("checked");
    $(".divcon :checkbox[fid=" + c.value + "]").removeAttr("disabled");
}
//取消选择
function SelectCencle()
{
    $("#shield").hide();
    $("#areaShowDiv").hide();
    $(document).find("select").css({ visibility: "visible" });
    if (document.getElementById("shield"))
    {
        document.body.removeChild(document.getElementById("shield"));
    }
    if (document.getElementById("areaShowDiv"))
    {
        document.body.removeChild(document.getElementById("areaShowDiv"));
    }
}
//选择成功
function SelectOK()
{
    var items = $("#selectitem :checkbox");
    var strItemsId = "";
    var strText = "";
    for (var i = 0; i < items.length; i++)
    {
        strItemsId += items.eq(i).val() + ",";
        strText += $.trim(items.eq(i).next("label").text()) + "+";
    }
    strItemsId = strItemsId.substring(0, strItemsId.lastIndexOf(","));
    strText = strText.substring(0, strText.lastIndexOf("+"));
    ShowSelectArea(strItemsId, strText);
    SelectCencle();
}
function showAreaHtml()
{
    var shield = document.createElement("div");
    var W = $(document).width();
    var H = $(document).height();
    shield.id = "shield";
    shield.style.cssText = "position:absolute;z-index:1;width:" + W + "px;height:" + H + "px;background:#000;filter:alpha(opacity=50);opacity:0.5;top:0;left:0;";
    document.body.appendChild(shield);
    $(document).find("select").css({ visibility: "hidden" });

    var load = document.createElement("img");
    load.id = "loadingImg";
    load.src = "http://my.job978.com/imgblue2009/loading.gif";
    var _top = document.documentElement.scrollTop + 200 + "px";
    var _left = $(document).width() / 2 - 16 + "px";
    load.style.cssText = "display:block;position: absolute;z-index:99999;top:" + _top + ";left:" + _left;
    document.body.appendChild(load);

    var areaShowDiv = document.createElement("div");
    areaShowDiv.id = "areaShowDiv";
    areaShowDiv.className = "ShowSelect";
    //areaShowDiv.style.cssText = "display:none;width: 582px;height:355px; position: absolute; background-color: #FFF; font-size: 12px; z-index: 99999;border: 1px #8bc3f6 solid;overflow: hidden;";

    var conHtml = "";
    conHtml += "<div onmousedown=\"MDown88(this.parentNode);\" title=\"可以随意拖动\" style=\"width: 100%;";
    conHtml += "cursor: move; padding-left: 10px; background:url(divtopbg.gif) repeat-x; font-size: 12px;";
    conHtml += "color: #166ab6; line-height: 24px;\">";
    conHtml += "<span style=\"float: right; font-size: 12px; padding-right: 10px; font-weight: normal;";
    conHtml += "cursor: pointer; margin: 2px;\" onclick=\"SelectCencle()\">[关闭]&nbsp;&nbsp;</span><span";
    conHtml += "id=\"wintit2\"><b>请选择工作地区</b>&nbsp;&nbsp;最多5项</span></div>";

    conHtml += "<div id=\"changbox\" class=\"divcon\" style=\"margin-top: 10px; background-color: #efefef;\">";
    conHtml += "常用地区：&nbsp;<input onclick='setFatherCheck(this)' id='chkOfen_0100' type='checkbox'";
    conHtml += "    value='0100' fid='0' /><label for='chkOfen_0100'>北京</label><input onclick='setFatherCheck(this)'";
    conHtml += "        id='chkOfen_0200' type='checkbox' value='0200' fid='0' /><label for='chkOfen_0200'>上海</label><input";
    conHtml += " onclick='setFatherCheck(this)' id='chkOfen_0700' type='checkbox' value='0700'";
    conHtml += " fid='0' /><label for='chkOfen_0700'>浙江</label><input onclick='setFatherCheck(this)'";
    conHtml += "     id='chkOfen_0500' type='checkbox' value='0500' fid='0' /><label for='chkOfen_0500'>广东</label><input";
    conHtml += "         onclick='setFatherCheck(this)' id='chkOfen_0800' type='checkbox' value='0800'";
    conHtml += "         fid='0' /><label for='chkOfen_0800'>江苏</label><input onclick='setFatherCheck(this)'";
    conHtml += "  id='chkOfen_1200' type='checkbox' value='1200' fid='0' /><label for='chkOfen_1200'>四川</label><input";
    conHtml += "      onclick='setFatherCheck(this)' id='chkOfen_1400' type='checkbox' value='1400'";
    conHtml += "      fid='0' /><label for='chkOfen_1400'>湖北</label><input onclick='setFatherCheck(this)'";
    conHtml += "          id='chkOfen_0502' type='checkbox' value='0502' fid='0' /><label for='chkOfen_0502'>深圳</label><br />";
    conHtml += "<input onclick='setFatherCheck(this)' id='chkOfen_0510' type='checkbox' value='0510'";
    conHtml += "    fid='0500' /><label for='chkOfen_0510'>东莞</label><input onclick='setFatherCheck(this)'";
    conHtml += "        id='chkOfen_1090' type='checkbox' value='0501' fid='1005' /><label for='chkOfen_1090'>广州</label><input";
    conHtml += " onclick='setFatherCheck(this)' id='chkOfen_1166' type='checkbox' value='1401'";
    conHtml += " fid='1017' /><label for='chkOfen_1166'>武汉</label><input onclick='setFatherCheck(this)'";
    conHtml += "     id='chkOfen_1199' type='checkbox' value='0813' fid='1006' /><label for='chkOfen_1199'>苏州</label><input";
    conHtml += "         onclick='setFatherCheck(this)' id='chkOfen_1310' type='checkbox' value='1201'";
    conHtml += "         fid='1009' /><label for='chkOfen_1310'>成都</label><input onclick='setFatherCheck(this)'";
    conHtml += "  id='chkOfen_1360' type='checkbox' value='0701' fid='1004' /><label for='chkOfen_1360'>杭州</label>";
    conHtml += "</div>";
    conHtml += "<div id=\"bigclass\" style=\"margin-left: 20px; width: 540px; margin-top: 8px;\">";
    conHtml += "    请先选择大类：<select id=\"sltBigClass\" onchange=\"setSelectClass();$('#changbox :checkbox').removeAttr('disabled');\"></select>";
    conHtml += "</div>";
    conHtml += "<div id=\"smallclass\" class=\"divcon\" style=\"margin-top: 4px;\">";
    conHtml += "    <p id=\"p_smallText\">";
    conHtml += "    </p>";
    conHtml += "    <dl id=\"dlItems\" class=\"dlsm\">";
    conHtml += "    </dl>";
    conHtml += "</div>";
    conHtml += "<div style=\"clear: both\">";
    conHtml += "</div>";
    conHtml += "<div id=\"checktitle\" style=\"margin-left: 20px; width: 540px; margin-top: 8px; font-size: 13px;";
    conHtml += "    font-weight: bold;\">";
    conHtml += "    您已经选择的地区是：<span style=\"cursor: pointer; font-size: 12px; font-weight: normal;\" onclick=\"ClearItem();\">清空所有选项</span></div>";
    conHtml += "<div id=\"selectitem\" style=\"margin-left: 20px; width: 540px; margin-top: 4px;\">";
    conHtml += "</div>";
    conHtml += "<div id=\"selectok\" style=\"margin-left: 20px; margin-top: 4px; margin-bottom: 2px;";
    conHtml += "    text-align: right; padding-right: 40px;\">";
    conHtml += "    <input type=\"button\" value=\"确定\" onclick=\"SelectOK()\" \>&nbsp;";
    conHtml += "    <input type=\"button\" value=\"取消\" onclick=\"SelectCencle()\" \>";
    conHtml += "</div>";

    areaShowDiv.innerHTML = conHtml;
    document.body.appendChild(areaShowDiv);
    $("#sltBigClass").html(setBigClass());
    setSelectClass();
    $("#areaShowDiv").css({ top: document.documentElement.scrollTop + 85 + "px", left: $(document).width() / 2 - 291 + "px", display: "block" });
    $("#loadingImg").hide();
    if (document.getElementById("loadingImg"))
        document.body.removeChild(document.getElementById("loadingImg"));
}
//实现层移动
function MDown(str)
{
    var e = window.event || arguments.callee.caller.arguments[0];
    var deltaX = e.clientX - parseInt(str.offsetLeft);
    var deltaY = e.clientY - parseInt(str.offsetTop);
    var deltaH = document.body.clientHeight;
    var deltaW = document.body.clientWidth;
    var drag = true;
    str.onmousemove = function(ev)
    {
        ev = ev ? ev : window.event;
        if (drag)
        {
            var Y = ev.clientY - deltaY;
            var X = ev.clientX - deltaX;
            var H = deltaH - str.offsetHeight;
            var W = deltaW - str.offsetWidth;
            if (Y > 0 || X > 0)
            {
                if (Y >= H)
                {
                    str.style.top = H + "px";
                } else
                {
                    str.style.top = Y + "px";
                }
                if (X >= W)
                {
                    str.style.left = W + "px";
                } else
                {
                    str.style.left = X + "px";
                }
            }
            if (Y <= 0)
            {
                str.style.top = 0;
            }
            if (X <= 0)
            {
                str.style.left = 0;
            }
            str.setCapture();
        }
    }
    str.onmouseup = function()
    {
        drag = false;
        str.releaseCapture();
    }
}


