var select_area = null;

function enable(elem)
{
    elem.removeAttr("disabled");
}

function disable(elem)
{
    elem.attr("disabled", "disabled");
}

function province_changed()
{
    var province_id = $("#storeProvince").val();
    $("option.area").appendTo("#storeArea");
    if(province_id == "") return;
    $("option.area").each(function()
        {
            if($(this).attr("value") == "") return;
            if($(this).hasClass("pr_" + province_id)){
            }else{
                $(this).appendTo("#CityHolder");
            }
        }
    );
    
    $("#storeArea").val("");
    enable(select_area);
}

$(document).ready(function()
    {
        select_area = $("select#storeArea");
        disable(select_area);
        var province_id = $("#storeProvince").val();
        if(province_id != ''){
            enable(select_area);
        }
        $("option.area").appendTo("#storeArea");
        $("option.area").each(function()
            {
                if($(this).attr("value") == "") return;
                if($(this).hasClass("pr_" + province_id)){
                }else{
                    $(this).appendTo("#CityHolder");
                }
            }
        );
        
        $("#storeProvince").change(function()
            {
                disable(select_area);
                province_changed();
            }
        );
    }
);