// 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( "http://studioonephotos.com/images/abouth.jpg" , "http://studioonephotos.com/images/businessh.jpg" , "http://studioonephotos.com/images/contacth.jpg" , "http://studioonephotos.com/images/coupleh.jpg" , "http://studioonephotos.com/images/familyh.jpg" , "http://studioonephotos.com/images/priceh.jpg" , "http://studioonephotos.com/images/seniorsh.jpg" , "http://studioonephotos.com/images/weddingh.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st1.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st2.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st3.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st4.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st5.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st6.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st7.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st8.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st9.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st10.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st11.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st12.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st13.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st14.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st15.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st16.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st17.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st18.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st19.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st20.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st21.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st22.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st23.jpg" , "http://studioonephotos.com/images/seniors/thumbs/st24.jpg" , 'http://studioonephotos.com/images/seniors/s2.jpg' , 'http://studioonephotos.com/images/seniors/s3.jpg' , 'http://studioonephotos.com/images/seniors/s4.jpg' , 'http://studioonephotos.com/images/seniors/s5.jpg' , 'http://studioonephotos.com/images/seniors/s6.jpg' , 'http://studioonephotos.com/images/seniors/s7.jpg' , 'http://studioonephotos.com/images/seniors/s8.jpg' , 'http://studioonephotos.com/images/seniors/s9.jpg' , 'http://studioonephotos.com/images/seniors/s10.jpg' , 'http://studioonephotos.com/images/seniors/s11.jpg' , 'http://studioonephotos.com/images/seniors/s12.jpg' , 'http://studioonephotos.com/images/seniors/s13.jpg' , 'http://studioonephotos.com/images/seniors/s14.jpg' , 'http://studioonephotos.com/images/seniors/s15.jpg' , 'http://studioonephotos.com/images/seniors/s16.jpg' , 'http://studioonephotos.com/images/seniors/s17.jpg' , 'http://studioonephotos.com/images/seniors/s18.jpg' , 'http://studioonephotos.com/images/seniors/s19.jpg' , 'http://studioonephotos.com/images/seniors/s20.jpg' , 'http://studioonephotos.com/images/seniors/s21.jpg' , 'http://studioonephotos.com/images/seniors/s22.jpg' , 'http://studioonephotos.com/images/seniors/s23.jpg' , 'http://studioonephotos.com/images/seniors/s24.jpg' , "http://studioonephotos.com/images/family/thumbs/ft1.jpg" , "http://studioonephotos.com/images/family/thumbs/ft2.jpg" , "http://studioonephotos.com/images/family/thumbs/ft3.jpg" , "http://studioonephotos.com/images/family/thumbs/ft4.jpg" , "http://studioonephotos.com/images/family/thumbs/ft5.jpg" , "http://studioonephotos.com/images/family/thumbs/ft6.jpg" , "http://studioonephotos.com/images/family/thumbs/ft7.jpg" , "http://studioonephotos.com/images/family/thumbs/ft8.jpg" , "http://studioonephotos.com/images/family/thumbs/ft9.jpg" , "http://studioonephotos.com/images/family/thumbs/ft10.jpg" , "http://studioonephotos.com/images/family/thumbs/ft11.jpg" , "http://studioonephotos.com/images/family/thumbs/ft12.jpg" , "http://studioonephotos.com/images/couple/thumbs/ct1.jpg" , "http://studioonephotos.com/images/couple/thumbs/ct2.jpg" , "http://studioonephotos.com/images/couple/thumbs/ct3.jpg" , "http://studioonephotos.com/images/couple/thumbs/ct4.jpg" , "http://studioonephotos.com/images/couple/thumbs/ct5.jpg" , "http://studioonephotos.com/images/couple/thumbs/ct6.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt1.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt2.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt3.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt4.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt5.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt6.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt7.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt8.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt9.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt10.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt11.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt12.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt13.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt14.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt15.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt16.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt17.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt18.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt19.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt20.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt12.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt22.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt23.jpg" , "http://studioonephotos.com/images/wedding/thumbs/wt24.jpg" , "http://studioonephotos.com/images/family/f1.jpg" , "http://studioonephotos.com/images/family/f2.jpg" , "http://studioonephotos.com/images/family/f3.jpg" , "http://studioonephotos.com/images/family/f4.jpg" , "http://studioonephotos.com/images/family/f5.jpg" , "http://studioonephotos.com/images/family/f6.jpg" , "http://studioonephotos.com/images/family/f7.jpg" , "http://studioonephotos.com/images/family/f8.jpg" , "http://studioonephotos.com/images/family/f9.jpg" , "http://studioonephotos.com/images/family/f10.jpg" , "http://studioonephotos.com/images/family/f11.jpg" , "http://studioonephotos.com/images/family/f12.jpg" , "http://studioonephotos.com/images/couple/c1.jpg" , "http://studioonephotos.com/images/couple/c2.jpg" , "http://studioonephotos.com/images/couple/c3.jpg" , "http://studioonephotos.com/images/couple/c4.jpg" , "http://studioonephotos.com/images/couple/c5.jpg" , "http://studioonephotos.com/images/couple/c6.jpg" , "http://studioonephotos.com/images/wedding/w1.jpg" , "http://studioonephotos.com/images/wedding/w2.jpg" , "http://studioonephotos.com/images/wedding/w3.jpg" , "http://studioonephotos.com/images/wedding/w4.jpg" , "http://studioonephotos.com/images/wedding/w5.jpg" , "http://studioonephotos.com/images/wedding/w6.jpg" , "http://studioonephotos.com/images/wedding/w7.jpg" , "http://studioonephotos.com/images/wedding/w8.jpg" , "http://studioonephotos.com/images/wedding/w9.jpg" , "http://studioonephotos.com/images/wedding/w10.jpg" , "http://studioonephotos.com/images/wedding/w11.jpg" , "http://studioonephotos.com/images/wedding/w12.jpg" , "http://studioonephotos.com/images/wedding/w13.jpg" , "http://studioonephotos.com/images/wedding/w14.jpg" , "http://studioonephotos.com/images/wedding/w15.jpg" , "http://studioonephotos.com/images/wedding/w16.jpg" , "http://studioonephotos.com/images/wedding/w17.jpg" , "http://studioonephotos.com/images/wedding/w18.jpg" , "http://studioonephotos.com/images/wedding/w19.jpg" , "http://studioonephotos.com/images/wedding/w20.jpg" , "http://studioonephotos.com/images/wedding/w21.jpg" , "http://studioonephotos.com/images/wedding/w22.jpg" , "http://studioonephotos.com/images/wedding/w23.jpg" , "http://studioonephotos.com/images/wedding/w24.jpg" );

var yposition=20;                                  //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...You May Use The Site While Loading</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...You May Use The Site While Loading</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;