navigation buttons javascript/jquery

Can anyone tell me how to rectify this....


I added in this line to my code to make my navigation button turn grey on the last page. It works but only when the button is clicked, I need it to display grey without them clicking it. Can anyone help? It also makes all the other forward buttons turn grey when they navigate backwards:confused:

Code:

---

$(this).addClass("next2");

---

This is the full block of code for the next button....

Code:

---

//Next Page Function
        $('.next').click(function() {
                if (current_page == no_pages){
                        //do nothing
                        $(this).addClass("next2");

                }
                else{
                        next_page = (parseInt (current_page) + 1);
                        $("#content").fadeOut("slow",function(){
                                $("#content").load("pages/page_" + next_page + ".html").fadeIn('slow')}                 
                        );
                        current_page ++;
                        $("#current_page").html(current_page);
                        progress_bar();
                }
       
        });

---

P.S. Im very new to this so please try not to be too technical with your response.

Thank you
Kate