window.onload = function(){
    startJsPager();
}

function startJsPager(){
var gamelistDiv =  $("gamelist").getElementsByTagName("div");
    $("gamelist").gameBlockId = [] 
    for(var i = 0,j = 0; i < gamelistDiv.length; i++){
        if(gamelistDiv[i].getAttribute("id")){
            if(gamelistDiv[i].getAttribute("id").match(/gNum/) == "gNum"){
                $("gamelist").gameBlockId[j] = gamelistDiv[i].getAttribute("id");
                j++
            }
        }
    }

    jsPager(0);
}

function jsPager(N){
    var sliceNum = 5;
    
    for(var i = 0; i < $("gamelist").gameBlockId.length; i++){
        if(N == Math.floor(i / sliceNum)){
            $("gNum" + i).style.display = "block";
            $("gamelist").lastNum = i;
        }else{
            $("gNum" + i).style.display = "none";
        }
    }
    
    $("tPagerL").innerHTML =  "<span>" + ((N + 1) * sliceNum - (sliceNum -1)) + " - " + ($("gamelist").lastNum + 1) +  "</span><span>" + i + "件中</span>";

    $("tPagerR").innerHTML = "";
    var pagerSpan = "";
    if($("gamelist").gameBlockId.length > sliceNum){
        for(var i = 0; i < (Math.round($("gamelist").gameBlockId.length - 1) / sliceNum); i++){
            if(i == N){
                pagerSpan = pagerSpan + "<span onclick='jsPager(" + i + ")'><strong>" + (i+1) + "</strong></span>";
            }else{
                pagerSpan = pagerSpan + "<span onclick='jsPager(" + i + ")'>" + (i+1) + "</span>";
            }
        }
    }
    $("tPagerR").innerHTML = pagerSpan;
}