$(document).ready(function() {
var numItems = $("#cont > .fab").length;
var numTabs=1;
var ps = $("#cont .fab");

    for(var i=0; i <= numItems; i++) {
         $(ps[i]).css("display","block");
         if ((i%20) == 0) {
            var numFrame = numTabs;
            $("#list").append("<li><a href=\"#fragment-"+(numFrame)+"\"><span>"+(numFrame)+"</span></a></li>");
            //$(ps[i]).before.("<div id=\"fragment-"+(numFrame)+"\">");
            //$(ps[i+9]).after("</div>");
            var as=i+20;
            $(".fab").slice(i,as).wrapAll("<div id=\"fragment-"+(numFrame)+"\"></div>");
            numTabs++;
        }

   }



$("#cont > ul").tabs({ 
    fx: { 
        opacity: "toggle" 
    } 
});
});