var element = $('CaseSearchResult');
var pages   = Array();
var dispArea = $('CasePage');

for (var i = 0; i < element.childNodes.length; i++) {
    if (element.childNodes[i].nodeName.toUpperCase() == 'DIV') {
        pages.push(element.childNodes[i]);
        element.childNodes[i].style.display = 'none';
    }
}
pages[0].style.display = 'block';
var now = 0;
var max = pages.length;
var prevText = '';
createNavi(0);


function pager(type, attr) {
    if (type == 1) {
        if (attr == 'next') {
            if (now != (max - 1)) {
                changePage(now + 1);
            }
        }
        if (attr == 'prev') {
            if (now != 0) {
                changePage(now - 1);
            }
        }
    }
    if (type == 2) {
        changePage(attr);
    }
}

function changePage(num) {
    for (var i = 0; i < pages.length; i++) {
        if (i == num) {
            pages[i].style.display = 'block';
            now = i;
            createNavi(i);
        } else {
            pages[i].style.display = 'none';
        }
    }
}

function createNavi(num) {
    var html = '';
    if (max != 1) {
        html += '<span class="aicon1">';
        if (num == 0) {
            html += '前のページへ';
        } else {
            html += '<a href="#pagetop" onclick="pager(1, \'prev\')">前のページへ</a>';
        }
        html += '</span>　<span class="line">｜</span>　';
        for (var i = 0; i < pages.length; i++) {
            if (i != 0) {
                html += '&nbsp;';
            }
            if (i == num) {
                html += '<b>' + (i + 1) + '</b>';
            } else {
                html += '<a href="#pagetop" onclick="pager(2, ' + i + ')">' + (i + 1) + '</a>';
            }
        }
        html += '　<span class="line">｜</span>　<span class="aicon2">';
        if (num == (max - 1)) {
            html += '次のページへ</span>';
        } else {
            html += '<a href="#pagetop" onclick="pager(1, \'next\')">次のページへ</a></span>';
        }
    }
    Element.update(dispArea, html);
}