var myrules = {
    '.nextPage' : function(el){
        el.onclick = function(){
            NextPage(el);
            return false;
        }
    },
    '.prevPage' : function(el){
        el.onclick = function(){
            PrevPage(el);
            return false;
        }
    }
};

Behaviour.register(myrules);

Behaviour.addLoadEvent(function(){
//    SlideExt();
//    SlideClose();    
});

function NextPage(el){

    intNextPage = parseInt(el.rel);
    intCurrPage = intNextPage - 1;
    
    $('page:'+intCurrPage).setStyle({display: 'none'});
    $('page:'+intNextPage).setStyle({display: 'inline'});

    var arrOL = $('page:'+intNextPage).getElementsByTagName('ol');
    new Effect.Highlight(arrOL[0]);

/*
    new Effect.Fade('page:'+intCurrPage, {
                afterFinish: function(effect) { 
                    new Effect.Appear('page:'+intNextPage);
                }
                    });
*/
}

function PrevPage(el){

    intPrevPage = parseInt(el.rel);
    intCurrPage = intPrevPage + 1;
    
    $('page:'+intCurrPage).setStyle({display: 'none'});
    $('page:'+intPrevPage).setStyle({display: 'inline'});

    var arrOL = $('page:'+intPrevPage).getElementsByTagName('ol');
    new Effect.Highlight(arrOL[0]);

/*
    new Effect.Fade('page:'+intCurrPage, {
                afterFinish: function(effect) { 
                    new Effect.Appear('page:'+intPrevPage);
                }
                    });
*/
//    new Effect.Fade('page:'+intCurrPage);
//    new Effect.Appear('page:'+intPrevPage, {queue: 'end'});

}