var locationAfterPreload = "acp.php"
var lengthOfPreloadBar = 403
var heightOfPreloadBar = 16

var yourImages = new Array('images/structural/background.jpg','images/structural/home_left.jpg','images/structural/home_top.jpg','images/structural/main.jpg','images/structural/home_bottom.jpg','images/structural/home_right.jpg', 'images/structural/coll_bottom.jpg','images/structural/coll_div.jpg','images/structural/coll_left.jpg','images/structural/coll_next.jpg','images/structural/coll_top.jpg','images/structural/coll_prev.jpg','images/structural/coll_right.jpg')

for(k=1;k<=8;k++){
	yourImages[yourImages.length] = 'images/content/home' +k +'.jpg'
}

splash = new Image(788,536)
splash.src = "images/structural/splash.jpg"

loading = new Image(70,32)
loading.src = "images/structural/loading.gif"

if (document.images) {
	var dots = new Array() 
	dots[0] = new Image(1,16)
	dots[0].src = "images/structural/bar_back.jpg" // 'empty
	dots[1] = new Image(1,16)
	dots[1].src = "images/structural/bar_top.jpg" // 'full'
	dots[2] = new Image(8,16)
	dots[2].src = "images/structural/bar_left.jpg" // 'left end'
	dots[3] = new Image(8,16)
	dots[3].src = "images/structural/bar_right.jpg" // 'right end'
	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) { 
		setTimeout("location.replace(locationAfterPreload)",1000);
		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()",80) 
}

function preload(page){

	if (document.images) {
		var preloadBar = '<img src="' + dots[2].src + '" width="8" height="16" name="imgStart" align="top">'
		for (i = 0; i < yourImages.length-1; i++) {
			preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="top">'
		}
		preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage-16	) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="top">'
		preloadBar += '<img src="' + dots[3].src + '" width="8" height="16" name="imgStop" align="top">'
		document.getElementById('loaderBar').innerHTML = preloadBar
		loadImages()
	}

}


function splashIt(){
	document.getElementById('splash').innerHTML = "<img id='splashImg' src='" +splash.src +"' onload='preload()'>"
	document.getElementById('loadingText').innerHTML = "<img id='loadingTextImg' src='" +loading.src +"'>"
}