How to show load first on every click and than the content
<p>I have a four link menu (home | about | solutions | contact) using jquery scroll technology with every click {Flesler's scrollTo code : <a href="http://demos.flesler.com/jquery/serialScroll/" rel="nofollow">http://demos.flesler.com/jquery/serialScroll/</a>} with {TKYK history plugin <a href="http://tkyk.github.com/jquery-history-plugin/" rel="nofollow">http://tkyk.github.com/jquery-history-plugin/</a>}. Ok my situation is when I click on the second link "about" it display home first than a setTimeout() later it displays the correct content. Is there anyway to hide the previous content and display sometype of "loading" and then show the new content?</p>

<p>Here is my init.js code:</p>

<p><pre>
function resize() {
         var wdt = 1000;
             var hgt = 500;
         width   = $(window).wdt;
         height  = $(window).hgt;
         mask_width = width * $('.item').length;
         $('#debug').html(width  + ' ' + height + ' ' + mask_width);
         $('#container,.item').css({width: width, height: height});
         $('#mask').css({width: mask_width, height: height});
         $('#container').scrollTo($('a.selected').attr('href'),0);
}</p>

<p>$(document).ready(function() {
            // scroll x-axis content
            $('a.panel').click(function() {
                $('a.panel').removeClass('selected');
                $(this).addClass('selected');
                current = $(this);
                $('#container').scrollTo($(this).attr('href'),1000,{ easing:'easeInOutCubic',queue:true,duration:1500,axis:'xy' });
                         return false;</p>

<code>        });
        $(window).resize(function() { resize(); });


    // hash history
    function load(num) { $('.content').load(num); }
                 $.history.init(function(url) { load(url == "" ? "home" : url); });
                 $("a[rel='history']").click(function(e) {
                 var url = $(this).attr('href');
                 url = url.replace(/^.*#/,"!/");
         setTimeout(function() {
                 $.history.load(url);
             },1000);
                 return false;
        });
</code></pre>

<p>});
</p>
