var locationAfterPreload = "index2.php"        // URL of the page after preload finishes
var lengthOfPreloadBar = 150                    // Length of preload bar (in pixels)
var heightOfPreloadBar = 15                     // Height of preload bar (in pixels)

// URLs of images to preload
var yourImages = new Array("images/menu/wheel/Contact_Off.gif", 
    "images/menu/wheel/Contact_On.gif", 
    "images/menu/wheel/Events_Off.gif", 
    "images/menu/wheel/Events_On.gif", 
    "images/menu/wheel/Hire_Off.gif", 
    "images/menu/wheel/Hire_On.gif", 
    "images/menu/wheel/News_Off.gif",
    "images/menu/wheel/News_On.gif",
    "images/menu/wheel/Rides_Off.gif", 
    "images/menu/wheel/Rides_On.gif", 
    "images/menu/wheel/Shop_Off.gif", 
    "images/menu/wheel/Shop_On.gif", 
    "images/menu/wheel/Services_Off.gif",
    "images/menu/wheel/Services_On.gif",
    "images/menu/wheel/Visit_Off.gif", 
    "images/menu/wheel/Visit_On.gif", 
    "images/wheel/Bottom.jpg", 
    "images/wheel/Contact.jpg",
    "images/wheel/Enthusiasts.jpg",
    "images/wheel/Events.jpg",
    "images/wheel/General.jpg",
    "images/wheel/Left.jpg",
    "images/wheel/Archives.jpg",
    "images/wheel/Right.jpg",
    "images/wheel/shop.jpg",
    "images/wheel/Top.jpg",
    "images/wheel/TrainRides.jpg",
    "images/wheel/VenueHire.jpg", 
    "images/wheel/VertLine.jpg",
    "images/menu/main/contactusover.gif",
    "images/menu/main/newsover.gif",
    "images/menu/main/servicesover.gif",
    "images/menu/main/onlineshopover.gif",
    "images/menu/main/trainridesover.gif",
    "images/menu/main/upcomingeventsover.gif",
    "images/menu/main/venuehireover.gif",
    "images/menu/main/visitmuseumover.gif")


if (document.images)
{
    var dots = new Array()
    dots[0] = new Image(1,1)
    dots[0].src = "images/loading_bar/black.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
    dots[1] = new Image(1,1)
    dots[1].src = "images/loading_bar/green.gif" // color of bar as preloading progresses (same note as above)

    var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0

    var loaded = new Array(),i,covered,timerID

    var leftOverWidth = lengthOfPreloadBar%coverage
}


function loadImages()
{
    for (i = 0; i < yourImages.length; i++)
    {
        preImages[i] = new Image()
        preImages[i].src = yourImages[i]
    }

    for (i = 0; i < preImages.length; i++)
    {
        loaded[i] = false
    }

    checkLoad()
}


function checkLoad()
{
    if (currCount == preImages.length)
    {
        location.replace(locationAfterPreload)
        return
    }

    for (i = 0; i <= preImages.length; i++)
    {
        if (loaded[i] == false && preImages[i].complete)
        {
            loaded[i] = true
            eval("document.img" + currCount + ".src=dots[1].src")
            currCount++
        }
    }

    timerID = setTimeout("checkLoad()",10)
}


function DrawLoader()
{
 if (document.images)
 {
   var preloadBar = ''

   for (i = 0; i < yourImages.length-1; i++)
   {
     preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
   }

   preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
   document.write(preloadBar)

   loadImages()
  }
}