JQUERY image preloader

HTML

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
  <title> - jsFiddle demo by hendriono</title> 
  
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script> 
  
  <link rel="stylesheet" type="text/css" href="/css/normalize.css"/> 
  <link rel="stylesheet" type="text/css" href="/css/result-light.css"/> 
  
    
      <link rel="stylesheet" type="text/css" href="http://nettuts.s3.amazonaws.com/860_preloaderPlugin/css/preloader.css"/> 
    
    
  
    
    
      <script type='text/javascript' src="http://henscripts.googlecode.com/svn/trunk/jquery.preloader.min.js"></script> 
    
  
  <style type='text/css'> 
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;text-decoration: none;}
:focus, :active {outline: 0;}
#top{background:url('https://lh4.googleusercontent.com/-QDHA9dSHGyg/TuyZtBjjnFI/AAAAAAAAF30/sEpK9nCYyYk/s800/malubg.png') repeat-x scroll 0 bottom transparent;height:32px;border-bottom:1px solid #000;box-shadow: 0 0 2px #000 inset}
h1 {font:bold 30pt Georgia,serif;text-align:center;color:#444;text-shadow: 1px 1px 0px #000, -1px -1px 0px #606060;}
h2{font-size: 32px;}
#footer{background-image:url('https://lh4.googleusercontent.com/-QDHA9dSHGyg/TuyZtBjjnFI/AAAAAAAAF30/sEpK9nCYyYk/s800/malubg.png');background-color:#212121;bottom:0;height:70px;left:0;position:fixed;width:100%;z-index:999;border-top:1px solid #000;-moz-box-shadow:0 1px 0 #302F2F inset}
#footer h2{color:...