Preloader para todo o site.

Boa tarde pessoal!

Seguinte, estou fazendo um site e gostaria de criar aqueles preloaders até que todo o site seja carregado e pronto para ser exibido.

Exemplo: A pessoa acessa o site; Até que tudo seja carregado (plugins, imagens, textos, etc.) fica o preloader na tela, quando finalizar, ele da um fade e aparece o site. Ai a pessoa clica para acessar um dos menus do site; Novamente o preloader da um fadein, espera carregar tudo, fadeout, website aparece com a nova página.

O preloader em si não é o problema.. Posso usar gifs, fonticons, css animado, etc.

O que eu preciso mesmo é saber como criar isso? Acredito que seja com Jquery/ajax, porém não tenho conhecimento avançado para poder criar isso. Se alguém puder me passar algum exemplo, plugin, qualquer coisa para me dar um norte em como fazer isso, seria ótimo!