// 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(
'pics/alb_b.gif',
'pics/alb_l.gif',
'pics/alb_w.gif',
'pics/back.gif',
'pics/band_b.gif',
'pics/band_l.gif',
'pics/band_w.gif',
'pics/borderBottomCenterLight.gif',
'pics/borderBottomLeftLight.gif',
'pics/borderBottomRightLight.gif',
'pics/borderEdgeLeftTR1.gif',
'pics/borderEdgeLeftTR2Light.gif',
'pics/borderEdgeRightTR1.gif',
'pics/borderEdgeRightTR2Light.gif',
'pics/borderEdgeTopCenter.gif',
'pics/borderMiddleCenter.gif',
'pics/borderMiddleCenterLight.gif',
'pics/borderMiddleLeftLight.gif',
'pics/borderMiddleRightLight.gif',
'pics/borderTopCenterLight.gif',
'pics/borderTopRightLight.gif',
'pics/down_b.gif',
'pics/down_l.gif',
'pics/down_w.gif',
'pics/for_b.gif',
'pics/for_l.gif',
'pics/for_w.gif',
'pics/gal_b.gif',
'pics/gal_l.gif',
'pics/gal_w.gif',
'pics/gb_b.gif',
'pics/gb_l.gif',
'pics/gb_w.gif',
'pics/int_b.gif',
'pics/int_l.gif',
'pics/int_w.gif',
'pics/kont_b.gif',
'pics/kont_l.gif',
'pics/kont_w.gif',
'pics/link_b.gif',
'pics/link_l.gif',
'pics/link_w.gif',
'pics/live_b.gif',
'pics/live_l.gif',
'pics/live_w.gif',
'pics/rev_b.gif',
'pics/rev_l.gif',
'pics/rev_w.gif',
'pics/shop_b.gif',
'pics/shop_l.gif',
'pics/shop_w.gif'
);

var yposition=370;           //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var x=560;
var yposition=0;           //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var x=0;
var loadedcolor='gray' ;     // PROGRESS BAR COLOR
var unloadedcolor='white';   // BGCOLOR OF UNLOADED AREA
var barheight=25;            // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=150;            // 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/(imagenames.length);
barheight=Math.max(barheight,25);
var loaded=0, perouter, perdone, images=new Array();

//var txt=
//	(NS4) ? '<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide">'
//	: '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'">';
var txt=
	(NS4) ? '<layer name="perouter" bgcol or="'+bordercolor+'" visibility="hide">'
	: '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'">';

txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';

if(NS4)txt+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" bgcolor="'+unloadedcolor+'" top="0" left="0">';

txt+='<table cellpadding="0" cellspacing="0" border="1"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+unloadedcolor+'"><center><font color="'+loadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';

if(NS4) txt+='</layer>';

txt+=(NS4)
		? '<layer name="perdone" width="100%" height="'+barheight+'" bgcolor="'+loadedcolor+'" top="0" left="0">'
		: '<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:100">';

txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';
txt+=(NS4)
		? '</layer></ilayer>'
		: '</div>';

txt+='</td></tr></table>';

txt+=(NS4)
		?'</layer>'
		: '</div>';

document.write(txt);

function loadimages(){
	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();
	for(n=0;n<imagenames.length;n++){
		images[n]=new Image();
		images[n].src=imagenames[n];
//		setTimeout('checkload('+n+')' ,n*100);
		checkload(n);
	}
}

function setouterpos(){
	var ww=(IE4)? document.body.clientWidth : window.innerWidth;
	//var x=(ww-barwidth)/2;
	if(NS4){
		perouter.moveTo(x,yposition);
		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>=imagenames.length)
		hideperouter();
}

function checkload(index){
	(images[index].complete)? dispbars() : setTimeout('checkload('+index+')', 100);
}

function hideperouter(){
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imagesdone=true;
}

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;