function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=703,height=340,left = 488.5,top = 355');");
}

$(document).ready(function() {
    //TARGET PAGER - video
    $('ul.videoLinks').each(function() {
        //SET PAGER VARS
        var currentPage = 0;
        var numPerPage = 9;
        //STORE EVENT CONTEXT, $ul
        var $ul = $(this);
        //BIND EVENT TO repaginate, show CURRENT, hide OTHERS
        $ul.bind('repaginate', function() {
            $ul.find('li').show()
                .slice(0, currentPage * numPerPage)
                    .hide()
                .end()
                .slice((currentPage + 1) * numPerPage)
                    .hide()
                .end();
        });
        //CALCULATE NUMBER OF PAGES, numRows / numPerPage
        var numRows = $ul.find('li').length;
        var numPages = Math.ceil(numRows / numPerPage);
        //CREATE PAGE NUMBERS, THEN insertAfter($ul)
        var $pager = $('<div class="pager">More Videos</div>');
        for (var page = 0; page < numPages; page++) {
            $('<span class="page-number">' + (page + 1) + '</span>')
            .bind('click', {'newPage': page}, function(event) {
                currentPage = event.data['newPage'];
                $ul.trigger('repaginate');
                $(this).addClass('active').siblings().removeClass('active');
            })
            .appendTo($pager).addClass('clickable');
        }
        $pager.find('span.page-number:first').addClass('active');
        $pager.insertAfter($ul);
        //TRIGGER EVENT
        $ul.trigger('repaginate');
    });
    
    $('ul.photoLinks').each(function() {
        //SET PAGER VARS
        var currentPage = 0;
        var numPerPage = 16;
        //STORE EVENT CONTEXT, $ul
        var $ul = $(this);
        //BIND EVENT TO repaginate, show CURRENT, hide OTHERS
        $ul.bind('repaginate', function() {
            $ul.find('li').show()
                .slice(0, currentPage * numPerPage)
                    .hide()
                .end()
                .slice((currentPage + 1) * numPerPage)
                    .hide()
                .end();
        });
        //CALCULATE NUMBER OF PAGES, numRows / numPerPage
        var numRows = $ul.find('li').length;
        var numPages = Math.ceil(numRows / numPerPage);
        //CREATE PAGE NUMBERS, THEN insertAfter($ul)
        var $pager = $('<div class="pager">More Photos</div>');
        for (var page = 0; page < numPages; page++) {
            $('<span class="page-number">' + (page + 1) + '</span>')
            .bind('click', {'newPage': page}, function(event) {
                currentPage = event.data['newPage'];
                $ul.trigger('repaginate');
                $(this).addClass('active').siblings().removeClass('active');
            })
            .appendTo($pager).addClass('clickable');
        }
        $pager.find('span.page-number:first').addClass('active');
        $pager.insertAfter($ul);
        //TRIGGER EVENT
        $ul.trigger('repaginate');
    });
});

