jQuery(function($){
    var $content = $('#article_content');
    var $pager=$('#article_pager');
    var $pageBreaks = $content.find('div').filter(function(){
        return $(this).css("page-break-after")=="always";
    }).addClass("article-page-break");
    if($pageBreaks.size()==0){
        $content.show();
        return;
    }
    $pageBreaks.each(function(i,v){
        $($.makeArray($(this).prevAll(":not(div.article-page-content)")).reverse()).wrapAll('<div class="article-page-content"/>'); 
    }).eq($pageBreaks.size()-1).nextAll(":not(div.article-page-content)").wrapAll('<div class="article-page-content"/>') ;
    
    for(var i=0;i<$pageBreaks.length+1;i++){
       $pager.append($('<a/>')
        .attr({
            'href':window.location.href ,
            'hash':'pager'
        })
        .data("index",i)            
        .click(function(){
            h($(this).data("index"));
        })
        .append($('<span>' + (i+1) + '</span>') ))
    }

    var $pageContents = $('div.article-page-content',$content);
    
    var h=function(index){
        $('a',$pager).removeClass("active").eq(index).addClass("active");
        $pageContents.hide().eq(index).show();
    };
    var index=0;
    if(window.location.hash){
        if(window.location.hash.indexOf("#pager-")==0){
            index= parseInt(window.location.hash.substring("#pager-".length))-1;
        }
    }
    $content.show();
    h(index);
});