Доброго времени суток!

Помогите пожалуйста.

Сделал затухающее меню по этому  уроку 

Все работает отлично.  Хотел сделать что бы при клике пункте меню "Галерея" открывалась галерея изображений. Взял  урок с галереей с того же сайта.

Возникла проблема такого характера:

При первой загрузке страницы галерея открыта и работает нормально.
Но если перейти во вторую или третью вкладку меню, а затем вернутся в "Галерею", то в галереи отображается лишь контейнер с маленькими изображениями, причем при клике на любом из них ничего не происходит (не появляется большое изображение).
Более того, при повторном клике на вкладку меню "Галерея" изображения вообще не появляются.

Вот код обоих скриптов:

//Скрипт меню
<script type="text/javascript">
        $(function(){
                    $("#about-button").css({
                opacity: 0.3
            });
            $("#contact-button").css({
                opacity: 0.3
            });
                    $("#page-wrap div.button").click(function(){
                          $clicked = $(this);
                                     if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                                  $clicked.animate({
                     opacity: 1,
                     borderWidth: 5
                 }, 600 );
                 var idToLoad = $clicked.attr("id").split('-');
                 $("#content").find("div:visible").fadeOut("fast", function(){
                     $(this).parent().find("#"+idToLoad[0]).fadeIn();
                 })
             }
             $clicked.siblings(".button").animate({
                 opacity: 0.5,
                 borderWidth: 1
             }, 600 );
            });
        });
    </script>

//Скрипт галереи    
    <script type="text/javascript">

        $(document).ready(function(){                               
                            
$("#thumbnail li a").click(function(){

$("#large img").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")});

$("#large h2").html($("> img", this).attr("title"));

return false;

});

$("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});

});

</script>

Я подозреваю что проблема вот здесь  $(document).ready(function(){ , т.е. галерея открывается при загрузке документа. А мне нужно что бы она открывалась при переходе на вкладку "Галерея".

Возможно решение элементарно просто, но у меня очень мало опыта в jquery  Надеюсь на ваше понимание и помощь.

Проблема решена, тему можно закрывать.