I'm using http://pupunzi.com/#mb.components/mb.scrollable/scrollable.html

I would like to show text rather than number in the menu, is that possible? On this line I'm trying to use the text rather than only number, it is a menu, I really need a text (name it) and number is not useful here.

var p1=$("<span class='page'> "+n+" A MARCA <\/span>").bind(

the above code not work properly, how I do that?

My piece of code:

    mbPageIndex: function(){
        var mbScrollable= $(this).get(0);
        var controls=$(mbScrollable.options.controls);
        var pages=controls.find(".pageIndex");
        if (pages){
            var n=0;
            for(var i=1;i<=mbScrollable.totalPages;i++){
                n++;
                if (n==1) {
                    var p1=$("<span class='page'> "+n+" A MARCA <\/span>").bind("click",function(){
                        mbScrollable.autoScrollActive=false;
                        $(mbScrollable).goToPage($(this).html(),false)
                    });
                    pages.append(p1);
                }
                if (n==2) {
                    var p2=$("<span class='page'> COLE&Ccedil;&Atilde;O "+n+" <\/span>").bind("click",function(){
                        mbScrollable.autoScrollActive=false;
                        $(mbScrollable).goToPage($(this).html(),false)
                    });
                    pages.append(p2);
                }
                if (n==3) {
                    var p3=$("<span class='page'> ATELI&Ecirc; "+n+" <\/span>").bind("click",function(){
                        mbScrollable.autoScrollActive=false;
                        $(mbScrollable).goToPage($(this).html(),false)
                    });
                    pages.append(p3);
                }
            }
        }
    },

to be continue..