// 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('001raymond_ca.jpg','002raymond_ca.jpg','003raymond_ca.jpg','004raymond_ca.jpg','005raymond_ca.jpg','006raymond_ca.jpg','007raymond_ca.jpg','008raymond_ca.jpg','009raymond_ca.jpg','010raymond_ca.jpg','011raymond_ca.jpg','012raymond_ca.jpg','013raymond_ca.jpg','014raymond_ca.jpg','015raymond_ca.jpg','016raymond_ca.jpg','017raymond_ca.jpg','018raymond_ca.jpg','019raymond_ca.jpg','020raymond_ca.jpg','021raymond_ca.jpg','022raymond_ca.jpg','023raymond_ca.jpg','024raymond_ca.jpg','025raymond_ca.jpg','026raymond_ca.jpg','027raymond_ca.jpg','028raymond_ca.jpg','029raymond_ca.jpg','030raymond_ca.jpg','031raymond_ca.jpg','032raymond_ca.jpg','033raymond_ca.jpg','034raymond_ca.jpg','035raymond_ca.jpg','036raymond_ca.jpg','037raymond_ca.jpg','038raymond_ca.jpg','039raymond_ca.jpg','040raymond_ca.jpg','041raymond_ca.jpg','042raymond_ca.jpg','043raymond_ca.jpg','044raymond_ca.jpg','045raymond_ca.jpg','046raymond_ca.jpg','047raymond_ca.jpg','048raymond_ca.jpg','049raymond_ca.jpg','050raymond_ca.jpg','051raymond_ca.jpg','052raymond_ca.jpg','053raymond_ca.jpg','054raymond_ca.jpg','055raymond_ca.jpg','056raymond_ca.jpg','057raymond_ca.jpg','058raymond_ca.jpg','059raymond_ca.jpg','060raymond_ca.jpg','061raymond_ca.jpg','062raymond_ca.jpg','063raymond_ca.jpg','064raymond_ca.jpg','065raymond_ca.jpg','066raymond_ca.jpg','067raymond_ca.jpg','068raymond_ca.jpg','069raymond_ca.jpg','070raymond_ca.jpg','071raymond_ca.jpg','072raymond_ca.jpg','073raymond_ca.jpg','074raymond_ca.jpg','075raymond_ca.jpg','076raymond_ca.jpg','077raymond_ca.jpg','078raymond_ca.jpg','079raymond_ca.jpg','080raymond_ca.jpg','081raymond_ca.jpg','082raymond_ca.jpg','083raymond_ca.jpg','084raymond_ca.jpg','085raymond_ca.jpg','086raymond_ca.jpg','087raymond_ca.jpg','088raymond_ca.jpg','089raymond_ca.jpg','090raymond_ca.jpg','091raymond_ca.jpg','092raymond_ca.jpg','093raymond_ca.jpg','094raymond_ca.jpg','095raymond_ca.jpg','096raymond_ca.jpg','097raymond_ca.jpg','098raymond_ca.jpg','099raymond_ca.jpg','100raymond_ca.jpg','101raymond_ca.jpg','102raymond_ca.jpg','103raymond_ca.jpg','104raymond_ca.jpg','105raymond_ca.jpg','106raymond_ca.jpg','107raymond_ca.jpg','108raymond_ca.jpg','109raymond_ca.jpg','110raymond_ca.jpg','111raymond_ca.jpg','112raymond_ca.jpg','113raymond_ca.jpg','114raymond_ca.jpg','115raymond_ca.jpg','116raymond_ca.jpg','117raymond_ca.jpg','118raymond_ca.jpg','119raymond_ca.jpg','120raymond_ca.jpg','121raymond_ca.jpg','122raymond_ca.jpg','123raymond_ca.jpg','124raymond_ca.jpg','125raymond_ca.jpg','126raymond_ca.jpg','127raymond_ca.jpg','128raymond_ca.jpg','129raymond_ca.jpg','130raymond_ca.jpg','131raymond_ca.jpg','132raymond_ca.jpg','133raymond_ca.jpg','134raymond_ca.jpg','135raymond_ca.jpg','136raymond_ca.jpg','137raymond_ca.jpg','138raymond_ca.jpg','139raymond_ca.jpg','140raymond_ca.jpg','141raymond_ca.jpg','142raymond_ca.jpg','143raymond_ca.jpg','144raymond_ca.jpg','145raymond_ca.jpg','146raymond_ca.jpg','147raymond_ca.jpg','148raymond_ca.jpg','149raymond_ca.jpg','150raymond_ca.jpg','151raymond_ca.jpg','152raymond_ca.jpg','153raymond_ca.jpg','154raymond_ca.jpg','155raymond_ca.jpg','156raymond_ca.jpg','157raymond_ca.jpg','158raymond_ca.jpg','159raymond_ca.jpg','160raymond_ca.jpg','161raymond_ca.jpg','162raymond_ca.jpg','163raymond_ca.jpg','164raymond_ca.jpg','165raymond_ca.jpg','166raymond_ca.jpg','167raymond_ca.jpg','168raymond_ca.jpg','169raymond_ca.jpg','170raymond_ca.jpg','171raymond_ca.jpg','172raymond_ca.jpg','173raymond_ca.jpg','174raymond_ca.jpg','175raymond_ca.jpg','176raymond_ca.jpg','177raymond_ca.jpg','178raymond_ca.jpg','179raymond_ca.jpg','180raymond_ca.jpg','181raymond_ca.jpg','182raymond_ca.jpg','183raymond_ca.jpg','184raymond_ca.jpg','185raymond_ca.jpg','186raymond_ca.jpg','187raymond_ca.jpg','188raymond_ca.jpg','189raymond_ca.jpg','190raymond_ca.jpg','191raymond_ca.jpg','192raymond_ca.jpg','193raymond_ca.jpg','194raymond_ca.jpg','195raymond_ca.jpg','196raymond_ca.jpg','197raymond_ca.jpg','198raymond_ca.jpg','199raymond_ca.jpg','200raymond_ca.jpg','201raymond_ca.jpg','202raymond_ca.jpg','203raymond_ca.jpg','204raymond_ca.jpg','205raymond_ca.jpg','206raymond_ca.jpg','207raymond_ca.jpg','208raymond_ca.jpg','209raymond_ca.jpg','210raymond_ca.jpg','211raymond_ca.jpg','212raymond_ca.jpg','213raymond_ca.jpg','214raymond_ca.jpg','215raymond_ca.jpg','216raymond_ca.jpg','217raymond_ca.jpg','218raymond_ca.jpg','219raymond_ca.jpg','220raymond_ca.jpg','221raymond_ca.jpg','222raymond_ca.jpg','223raymond_ca.jpg','224raymond_ca.jpg','225raymond_ca.jpg','226raymond_ca.jpg','227raymond_ca.jpg','228raymond_ca.jpg','229raymond_ca.jpg','230raymond_ca.jpg','231raymond_ca.jpg','232raymond_ca.jpg','233raymond_ca.jpg','234raymond_ca.jpg','235raymond_ca.jpg','236raymond_ca.jpg','237raymond_ca.jpg','238raymond_ca.jpg','239raymond_ca.jpg','240raymond_ca.jpg','241raymond_ca.jpg','242raymond_ca.jpg','243raymond_ca.jpg','244raymond_ca.jpg','245raymond_ca.jpg','246raymond_ca.jpg','247raymond_ca.jpg','248raymond_ca.jpg','249raymond_ca.jpg','250raymond_ca.jpg','251raymond_ca.jpg','252raymond_ca.jpg','253raymond_ca.jpg','254raymond_ca.jpg','255raymond_ca.jpg','256raymond_ca.jpg','257raymond_ca.jpg','258raymond_ca.jpg','259raymond_ca.jpg','260raymond_ca.jpg','261raymond_ca.jpg','262raymond_ca.jpg','263raymond_ca.jpg','264raymond_ca.jpg','265raymond_ca.jpg','266raymond_ca.jpg','267raymond_ca.jpg','268raymond_ca.jpg','269raymond_ca.jpg','270raymond_ca.jpg','271raymond_ca.jpg','272raymond_ca.jpg');
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=350;                                // 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+'">';
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><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);
}}
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)setTimeout('hideperouter()', 800);
}
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;