Display das laden von gif -, während die Seite geladen wird

Habe ich ein Registerkarten-Menü.

<ul>
    <a href="views/wrap1.php"><li class="wrap1"> Home &nbsp&nbsp </li></a>&nbsp
    <a href="views/wrap2.php"><li class="wrap2"> Packages</li></a>&nbsp
    <a href="views/wrap3.php"><li class="wrap3"> Clients &nbsp </li></a>&nbsp
    <a href="views/wrap4.php"><li class="wrap4"> Creations</li></a>&nbsp
    <a href="views/wrap5.php"><li class="wrap5"> Reach Us &nbsp </li></a>&nbsp
</ul>

Und Verwendung von Jquery.load() lade ich fünf Seiten wrap1.php , wrap2.php , wrap3.php , wrap4.php , wrap5.php
in ein gemeinsames div container

Den Jquery code, den ich verwende, ist

$('.wrap1').css({'border':'2px solid black'}) ;
     $('#tabs li').click(function(){


     $('#container').load('views/'+$(this).attr("class")+'.php', function(){

     $('#container').fadeIn('slow') ;
        });
        return false;
    });

Alles ist in Ordnung, aber ich will zum anzeigen einer loading-gif, wenn die Seite geladen wird, und versteckt, dass gif -, wenn die Seite geladen hat. Ich lese viele Fragen hier und habe versucht, alles und jedes aber nichts für mich gearbeitet. Auch sagen Sie mir, wo soll ich ein script, so dass es möglicherweise Arbeit