//window.onload = saydone;

var more = 1; // Add more to the bar ever second
var doneyet = 0;  // changes to 1 when the DOM is done loading

function setup_bar(){
	document.write('<div id="progress" onClick="closebar()" style="position:absolute"><div id="percent">0%</div></div>');
}

function progress_bar(){
	var image_count = document.getElementsByTagName("img").length;
	var image_array = document.getElementsByTagName("img");

	var bar_perc = Math.round(100 / image_count);
	
	var new_width = 0; // Will become new width of progress bar
	var j = 0;  // count how many images are complete
	var percent = 0; // Add up the percentage
	more++;
	
	for (var i = 0; i < image_count; i++){
		if (image_array[i].complete){
			percent = percent + bar_perc;
			j++;
		}
	}
	percent = percent + more;
	if (percent > 100) percent = 100;
	var progress = Math.round((percent) / 10) * 15;
	var elem = document.getElementById('progress');
	elem.style.backgroundPosition = "0 "+progress+"0px";
	document.getElementById('percent').innerHTML = percent + '%';
	
	if (j < image_count || j == 0 || doneyet == 0)
		setTimeout('progress_bar();', 500); 
	else setTimeout(closebar, 500);
}
function closebar(){
	document.getElementById('progress').style.visibility = 'hidden';
}

document.onReadystatechange=saydone;
if (document.addEventListener){
	document.addEventListener("DOMContentLoaded", saydone, false);
}
else{
	setTimeout(saydone, 4000);
}
function checkstate(){
	if (document.readyState == "complete"){
			doneyet = 1;
		}
}

function saydone(){
	doneyet = 1;
}

setup_bar();
progress_bar();