// Progressbar - Version 2.0
// Author: Brian Gosselin of http://scriptasylum.com
// Featured on Dynamic Drive (http://www.dynamicdrive.com)
// PUT THE NAMES OF ALL YOUR IMAGES THAT NEED TO BE "CACHED" IN THE "imagenames" ARRAY.
// DONT FORGET THE COMMA BETWEEN EACH ENTRY, OR THE TICK MARKS AROUND EACH NAME.
// WHEN ALL THE IMAGES ARE DONE LOADING, THE "imagesdone" VARIABLE IS SET TO "TRUE"

//var imagenames=new Array();


var abr = Math.round(1000*Math.random());



var yposition=250;                                  //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor='gray' ;                // PROGRESS BAR COLOR
var unloadedcolor='white';                   // BGCOLOR OF UNLOADED AREA
var barheight=15;                                 // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=15;                                // WIDTH OF THE BAR IN PIXELS  
var bordercolor='black';                       // COLOR OF THE BORDER

//DO NOT EDIT BEYOND THIS POINT 
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var imagesdone=false;
var blocksize=barwidth/(1);
barheight=Math.max(barheight,25);
var loaded=0, perouter, perdone, images=new Array();
var txt=(NS4)?'<layer name="perouter" visibility="hide">' : '<div id="perouter" style="position:absolute; visibility:hidden;">';
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td valign="center">';
if(NS4)txt+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" top="0" left="0">';
txt+='<img src=i/icons/loader.gif>';
if(NS4) txt+='</layer>';
txt+=(NS4)? '<layer name="perdone" width="100%" top="0" left="0">' : '<div id="perdone" style="position:absolute; top:1px; left:1px; z-index:100">';
txt+='<img src=i/icons/loader.gif>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr></table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);

var zzz;

function loadimages(e,z){
zzz = z;
if(NS4){
perouter=document.perouter;
perdone=document.perouter.document.layers[0].document.perdone;
}
if(NS6){
perouter=document.getElementById('perouter');
perdone=document.getElementById('perdone');
}
if(IE4){
perouter=document.all.perouter;
perdone=document.all.perdone;
}
cliplayer(perdone,0,0,barheight,0);
//window.onresize=setouterpos;
setouterpos();
images[abr]=new Image();
images[abr].src=e;
setTimeout('checkload('+abr+')' ,1);
}
function setouterpos(){
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
var hh=(IE4)? document.body.clientHeight : window.innerHeight;
var x=ww/2;
if(NS4){
perouter.moveTo(x,hh/2);
perouter.visibility="show";
}
if(IE4||NS6){
perouter.style.left=x+'px';
perouter.style.top=yposition+'px';
perouter.style.visibility="visible";
}}
function dispbars(){
loaded++;
cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
if(loaded>=1) setTimeout('hideperouter()', 80);
if (zzz == 0) {
if (navigator.appName == 'Netscape') {
	self.resizeTo(images[abr].width, images[abr].height);
} else {
	self.resizeTo(images[abr].width+7, images[abr].height+49);	
}
var x = Math.floor(screen.availWidth/2)-Math.floor(images[abr].width/2);
var y = Math.floor(screen.availHeight/2)-Math.floor(images[abr].height/2);
self.moveTo(x,0);
}
}
function checkload(index){

(images[index].complete)? dispbars() : setTimeout('checkload('+index+')', 1);
}
function hideperouter(){
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imagesdone=true;
if (zzz == 0) {
	document.body.background = images[abr].src;
	window.innerWidth = images[abr].width;
	window.innerHeight = images[abr].height;
} else {
	//document.getElementById().src = images[0].src;
}
//alert(zzz);
}
function cliplayer(layer, ct, cr, cb, cl){
if(NS4){
layer.clip.left=cl;
layer.clip.top=ct;
layer.clip.right=cr;
layer.clip.bottom=cb;
}
if(IE4||NS6)layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';
}
//window.onload=loadimages;