var picsperpage = 9;
var numofpages = 0;
var pg = 0;
var tab = 1;

function next() {
    pg = (pg + picsperpage);
    tab = tab + 1;
    buildPage(pg);
}

function back() {
    pg = (pg - picsperpage);
    tab = tab - 1;
    buildPage(pg);
}

function gotoPage(n) {
    window.status = (n * picsperpage) - picsperpage;
    tab = n;
    buildPage((n * picsperpage) - picsperpage);

}
function show(a,b) {
    testwindow = window.open(a,b,   "location=0,status=0,scrollbars=0");
    testwindow.moveTo(0, 0);
}
function openSlideShow(p) {
    var w = window.open("../nwmo/slideshow.htm?p=" + p, "slideShow", "status=0,toolbar=0,resizable=1")
    w.focus();
}
function buildPage(s) {
       getPics();
       numofpages = (gPic.length / picsperpage); //+ (gPic.length % 12)
       pg = s;
       
       //page list
       var pageList = "<center><table><tr>";
       if (tab > 1) {
           pageList += "<td><a class='galleryPages3 ' onclick='back();'> < < Back</a></td> ";
           pageList += "<td>&nbsp;</td>";
       } else {
            pageList += "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>";
       } 
       for (t = 1; t < numofpages + 1; t++) {
         if (t == tab){
            pageList += "<td class='galleryPages2' onclick='gotoPage(" + t + ")' title='You are here'>" + t + "</td>";
         }else{
            pageList += "<td><a class='galleryPages' onclick='gotoPage(" + t + ")'>" + t + "</a></td>";       
         }
       }
       if (tab < t - 1) {
           pageList += "<td>&nbsp;</td>";
           pageList += "<td><a class='galleryPages3 ' onclick='next();'> Next > > </a></td>";
       } else {
           pageList += "<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>";
       }
        pageList += "</tr></table><center>";
       document.getElementById("divPagesTop").innerHTML = pageList;
       document.getElementById("divPagesBtm").innerHTML = pageList;
       
       
       // pics
       var thisPage = "<table>";
       var r = 1;
       var x = (picsperpage + s);
       for (i = s; i <= x-1; i++){
           if (r == 1) {
               thisPage += "<tr>"
           }
           if (i < gPic.length) {
               thisPage += "<td><a href='../nwmo/gallery.aspx' onclick='openSlideShow("+i+")'><img src='" + gPic[i] + " (WinCE).jpg' title='" + gTitle[i] + "' class='galleryPic' /></a></td> "; //gTitle[i]
               //thisPage += "<td><a href='slideshow.htm?p=" + i + "' target='_blank'><img src='" + gPic[i] + " (WinCE).jpg' title='" + gTitle[i] + "' class='galleryPic' /></a></td> "; //gTitle[i]
                
           }
           r = r + 1;
           if (r == 4) {
               thisPage += "</tr>";
               r = 1;
           }
       }
       thisPage += "</table>";
     
       document.getElementById("divPage").innerHTML = thisPage;

       //hide back button
       //if (i == picsperpage) document.getElementById("btnBack").setAttribute('disabled', 'true');
       //hide next button
       //if (i >= gPic.length) document.getElementById("btnNext").setAttribute('disabled', 'true');
   }