// Progressbar - Version 2.0
// Author: Brian Gosselin of http://scriptasylum.com
// Featured on Dynamic Drive (http://www.dynamicdrive.com)
// Modified: Bobcat 11.02 ->

var xposition=112;                      // POSITION OF LOAD BAR FROM LEFT OF WINDOW, IN PIXELS
var yposition=150;                      // POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor='#eeeeee';              // PROGRESS BAR COLOR
var unloadedcolor='#cccccc';            // BGCOLOR OF UNLOADED AREA
var textloadcolor='#444444';            // BAR TEXT COLOR OF LOADED AREA
var textunloadcolor='#222222';          // BAR TEXT COLOR OF UNLOADED AREA
var barheight=26;                       // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=375;                       // WIDTH OF THE BAR IN PIXELS
var bordercolor='#222222';              // COLOR OF THE BORDER

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+'; filter:alpha(opacity=90); z-index:500">';
	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="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+unloadedcolor+'"><center><span style="color:'+textunloadcolor+'; font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; font-weight:normal">GETTING LOADED - please be patient...</span></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:101">';
	txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+loadedcolor+'"><center><span style="color:'+textloadcolor+'; font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; font-weight:normal">GETTING LOADED - please be patient...</span></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);
	}
}

function setouterpos() {
	// NOTE: good way to calc 1/2 page - used prior to adding xposition var up top; called from above function
	/*
	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=xposition+'px';
		perouter.style.top=yposition+'px';
		perouter.style.visibility="visible";
	}
}

function dispbars() {
	loaded++;
	cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
	if(loaded>=imagenames.length)setTimeout('hideperouter()', 800);
}

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

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+')';
}

//nutscrape needs to call in body onLoad() from within pages using this script to work w/ change_opac.js - whothefuck knows why!
if(IE4) {
	window.onload=loadimages;
}