function initEpgArea(id) {
    var area = null;
    for (i = 0; i < document.cookie.split(';').length; i++) {
	    if (document.cookie.split(';')[i].indexOf('dogatch_area_id') != -1) {
		    area = document.cookie.split(';')[i].split('=')[1];
            break;
        }
    }
    
    if (area == null) {
        area = "23"; // tokyo
    }
    
    var elm = document.getElementById(id);
    if (elm == null) {
        return;
    }
    var i = 0;
    for (i = 0; i < elm.options.length; i++) {
        var option = elm.options[i];
        if (option.value == area) {
            option.selected = true;
            break;
        }
    }
}

function setEpgAreaResponse(originalRequest) {
    var areaId = "23";
    var areaTags = originalRequest.responseXML.getElementsByTagName("area");
    if (areaTags) {
        var areaTag = areaTags[0];
        if (areaTag) {
            var areaObj = areaTag.firstChild;
            if (areaObj) {
                    areaId = areaObj.nodeValue;
            }
        }
    }
    setAreaId(areaId);
}

function selectEpgArea(id) {
    var elm = document.getElementById(id);
    if (elm == null) {
        return;
    }
    
    var area = elm.options[elm.selectedIndex].value;
    if (area == null || area.length == 0) {
        return;
    }

    var url = "/epg/SetUserProperty/type_OTD";
    var ajax = new Ajax.Request(url, {method:'get', parameters:'area='+area, asynchronous:false});
    if (ajax && ajax._complete) {
        window.location.reload();
    }
}