var currentIndex;
var listTitle = '登録者一覧';

function init() {
    document.getElementById('detail').style.display = 'none';
    document.title = listTitle;
}

function toDetail(index) {
    currentIndex = index;
    document.getElementById('name').value =
        document.getElementById('name_'+index).value;
    document.getElementById('yomi').value =
        document.getElementById('yomi_'+index).value;
    document.getElementById('seibetu').value =
        document.getElementById('seibetu_'+index).value;
    document.getElementById('job').value =
        document.getElementById('job_'+index).value;
    document.getElementById('hobby').value =
        document.getElementById('hobby_'+index).value;
    document.getElementById('list').style.display = 'none';
    document.getElementById('detail').style.display = '';
    document.title = document.getElementById('name').value;
}

function toList() {
    document.getElementById('name_'+currentIndex).value =
        document.getElementById('name').value;
    document.getElementById('yomi_'+currentIndex).value =
        document.getElementById('yomi').value;
    document.getElementById('seibetu_'+currentIndex).value =
        document.getElementById('seibetu').value;
    document.getElementById('job_'+currentIndex).value =
        document.getElementById('job').value;
    document.getElementById('hobby_'+currentIndex).value =
        document.getElementById('hobby').value;
    document.getElementById('detail').style.display = 'none';
    document.getElementById('list').style.display = '';
    document.title = listTitle;
}