var lastPos;
var firstPos;
var allAnchors;
var maskLenght;
var currPos;
 
function PaginationMaskInit(selectedNumber, qtyPerMask) //(parenTagName, childTagName)
{
    maskLenght = qtyPerMask;
    currPos = selectedNumber;
    allAnchors=document.getElementById("pagesOnDetail").getElementsByTagName("a"); 
    
    var k =1;
    for (k; k<= allAnchors.length+1; k++) { if(selectedNumber <= qtyPerMask * k ) break;    }
    lastPos = qtyPerMask * k ;
    firstPos = qtyPerMask * (k-1);
    if(allAnchors.length <= qtyPerMask) lastPos = allAnchors.length;
    if(lastPos > allAnchors.length)  lastPos = allAnchors.length;
    for (var i=firstPos; i<lastPos; i++)  allAnchors[i].style.display='inline';  
    
}

function MoveMaskForward() //(parenTagName, childTagName)
{
    if(lastPos >= allAnchors.length) return;
    HideAll();
    firstPos =  lastPos;
    lastPos += maskLenght;
    if(lastPos >= allAnchors.length ) lastPos = allAnchors.length; 
    for (var i=firstPos; i<lastPos; i++)  allAnchors[i].style.display='inline';
}
function MoveMaskBack() //(parenTagName, childTagName)
{
if(firstPos <= 0) return;
    HideAll();
    lastPos = firstPos;
    firstPos -=  maskLenght;    
    if(firstPos < 0 ) firstPos = 0; 
    for (var i=firstPos; i<lastPos; i++)  allAnchors[i].style.display='inline';
}
function HideAll() //(parenTagName, childTagName)
{
    for (var j=0; j<allAnchors.length; j++)  allAnchors[j].style.display='none';
}