[jQuery] Newbie HELP: Page Fade out, then load new page and fade in without jump

[marek]

Hi, excuse the ignorance i am not skilled in Javascript, and using
jquery so i cannot read it.

I have an urgent request as im working on a proposal and although i am
not going to be using jquery i would very much like to use use a
simple page fade out and then fade in the next page. I am fully aware
of the power of jquery and love the effects and one day i will stick
my head into some books but if anyone could help me out with this
small request it would be very much appriciated.

i found this script, and although it works it fades out and then fades
in but it only does the animation on the first page rather than what i
want it to do is fade out from index.html and fade into aboutus.html,
im sure you experienced jquery uses will see the problem with the code
i know why its happening but becuase i cannot read or write javacript
i dont know where to start only seaching for scripts online.

if anyone could help write or ammend the code i would be soooo happy
and grateful



Code:
$(document).ready(function(){
        jQuery('a').click(function(){
        jQuery('#wrapper').fadeOut();
        setTimeout("nav('"+this.href+"')",1000);
        return false;
    });
});

function nav(href){
 location.href=href;
}

$(document).ready(function(){
        jQuery('a').click(function(){
        jQuery('#wrapper').fadeIn();
        setTimeout("nav('"+this.href+"')",1500);
        return false;
    });
});

function nav(href){
 location.href=href;
}