function clickPref() {
    var docRoot = document.location.protocol + "//" +  document.location.host +"/baito";
    var org_action = $('searchAreaForm').action;
    var org_target = $('searchAreaForm').target;
    $('searchAreaForm').action = docRoot + "/municipal.php";
    $('searchAreaForm').target = "areamap_iframe";
    $('searchAreaForm').submit();
    $('searchAreaForm').action = org_action;
    $('searchAreaForm').target = org_target;
    return;
}
function clickArea(area) {

    initAreaMaps();

    var area01 = document.getElementById('area01');
    var area02 = document.getElementById('area02');
    var area03 = document.getElementById('area03');
    var area04 = document.getElementById('area04');
    var area05 = document.getElementById('area05');
    var area06 = document.getElementById('area06');
    var area07 = document.getElementById('area07');

    switch(area){
    case '01':
        area01.setAttribute('src', area01.getAttribute('src2'));
        area01.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area01.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    case '02':
        area02.setAttribute('src', area02.getAttribute('src2'));
        area02.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area02.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    case '03':
        area03.setAttribute('src', area03.getAttribute('src2'));
        area03.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area03.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    case '04':
        area04.setAttribute('src', area04.getAttribute('src2'));
        area04.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area04.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    case '05':
        area05.setAttribute('src', area05.getAttribute('src2'));
        area05.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area05.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    case '06':
        area06.setAttribute('src', area06.getAttribute('src2'));
        area06.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area06.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    case '07':
        area07.setAttribute('src', area07.getAttribute('src2'));
        area07.onmouseout = function(){this.setAttribute('src', this.getAttribute('src2'));}
        area07.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
        break;
    }

    var docRoot = document.location.protocol + "//" +  document.location.host +"/baito";
    var org_action = $('searchAreaForm').action;
    var org_target = $('searchAreaForm').target;
    $('searchAreaForm').area.value = area;
    $('searchAreaForm').action = docRoot + "/prefecture.php";
    $('searchAreaForm').target = "areamap_iframe";
    $('searchAreaForm').submit();
    $('searchAreaForm').action = org_action;
    $('searchAreaForm').target = org_target;

    return;
}
function initAreaMaps(){
    if (!document.getElementById) return;

    var docRoot = document.location.protocol + "//" +  document.location.host +"/baito";
    var area01 = document.getElementById('area01');
    var area02 = document.getElementById('area02');
    var area03 = document.getElementById('area03');
    var area04 = document.getElementById('area04');
    var area05 = document.getElementById('area05');
    var area06 = document.getElementById('area06');
    var area07 = document.getElementById('area07');

    //北海道・東北
    area01.setAttribute('src', docRoot + '/img/img_side_area03.gif');
    area01.setAttribute('src1', docRoot + '/img/img_side_area03.gif');
    area01.setAttribute('src2', docRoot + '/img/img_side_area03_2.gif');
    area01.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area01.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
    //関東
    area02.setAttribute('src', docRoot + '/img/img_side_area06.gif');
    area02.setAttribute('src1', docRoot + '/img/img_side_area06.gif');
    area02.setAttribute('src2', docRoot + '/img/img_side_area06_2.gif');
    area02.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area02.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
    //甲信越・北陸
    area03.setAttribute('src', docRoot + '/img/img_side_area05.gif');
    area03.setAttribute('src1', docRoot + '/img/img_side_area05.gif');
    area03.setAttribute('src2', docRoot + '/img/img_side_area05_2.gif');
    area03.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area03.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
    //東海
    area04.setAttribute('src', docRoot + '/img/img_side_area09.gif');
    area04.setAttribute('src1', docRoot + '/img/img_side_area09.gif');
    area04.setAttribute('src2', docRoot + '/img/img_side_area09_2.gif');
    area04.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area04.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
    //関西
    area05.setAttribute('src', docRoot + '/img/img_side_area12.gif');
    area05.setAttribute('src1', docRoot + '/img/img_side_area12.gif');
    area05.setAttribute('src2', docRoot + '/img/img_side_area12_2.gif');
    area05.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area05.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
    //中国・四国
    area06.setAttribute('src', docRoot + '/img/img_side_area08.gif');
    area06.setAttribute('src1', docRoot + '/img/img_side_area08.gif');
    area06.setAttribute('src2', docRoot + '/img/img_side_area08_2.gif');
    area06.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area06.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}
    //九州・沖縄
    area07.setAttribute('src', docRoot + '/img/img_side_area11.gif');
    area07.setAttribute('src1', docRoot + '/img/img_side_area11.gif');
    area07.setAttribute('src2', docRoot + '/img/img_side_area11_2.gif');
    area07.onmouseout = function(){this.setAttribute('src', this.getAttribute('src1'));}
    area07.onmouseover = function(){this.setAttribute('src', this.getAttribute('src2'));}

}
window.onload = initAreaMaps;