Ajax data display by PAGE

Pager_build: Function (Act, query, Res ){
 VaR Pn = res. Data. pn,
Rn = res. Data. Rn,
Tn = res. Data. TN,
Pager;
 If (! Tn ){
Pager = '';
}
 VaR Dataquery = stringh. queryurl (query );


 VaR PNS = math. Ceil (TN/RN );
 VaR Html = ['<Div class = "Global-page">'];

 VaR Plink = Function (I ){
Dataquery. Pn = I;
 Return '<A href = "#" class = "action" data-act = "' + act + '" data-query = "' + objecth. encodeurijson (dataquery) + '">' + (I + 1) + '</a> ';
}
 If (PNS <12 ){
 For ( VaR I = 0; I <PNS; I ++ ){
 If (I = Pn ){
Html. Push ('<SPAN class = "select">' + (Pn + 1) + '</span> ');
} Else {
Html. Push (plink (I ));
}
}
} Else   If (PNS> 11 ){
 If (PN <6 ){
 For ( VaR I = 0; I <9; I ++ ){
 If (I <9 ){
If (I = Pn ){
Html. Push ('<SPAN class = "select">' + (Pn + 1) + '</span> ');
} Else {
Html. Push (plink (I ));
}
}
}
Html. Push ('<SPAN class = "Global-page-break">... </span> ');
Html. Push (plink (pns-1 ));
} Else   If (Pn + 5 <PNS ){
Html. Push (plink (0 ));
 If (Pn = 6 ){
Html. Push (plink (1 ));
} Else   If (PN! = 5 ){
Html. Push ('<SPAN class = "Global-page-break">... </span> ');
}
 For ( VaR I = 0; I <9; I ++ ){
 If (I = 4 ){
Html. Push ('<SPAN class = "select">' + (Pn + 1) + '</span> ');
} Else {
Html. Push (plink (Pn + I-4 ));
}
}
 If (Pn + 7) = PNS ){
Html. Push (plink (pns-2 ));
} Else   If (Pn + 6) = PNS ){

} Else {
Html. Push ('<SPAN class = "Global-page-break">... </span> ');
}
Html. Push (plink (pns-1 ));
} Else {
Html. Push (plink (1 ));
Html. Push ('<SPAN class = "Global-page-break">... </span> ');
 For ( VaR I = 0; I <9; I ++ ){
 If (PNS-PN) + I = 9 ){
Html. Push ('<SPAN class = "select">' + (Pn + 1) + '</span> ');
} Else {
Html. Push (plink (pns-9 + I ));
}
}
}
}
Html. Push ('</div> ');
 If (PNS> 1 ){
Pager = html. Join ('');
} Else {
Pager = '';
}
W('{settingpageer'{.html (PAGER );
},