// 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(
'photos/060408210909.jpg',
'photos/061213045101.jpg',
'photos/061213045719.jpg',
'photos/061213045824.jpg',
'photos/061213051321.jpg',
'photos/061213051330.jpg',
'photos/061213053057.jpg',
'photos/061213053106.jpg',
'photos/061213053233.jpg',
'photos/061213053823.jpg',
'photos/061213054920.jpg',
'photos/061217182420.jpg',
'photos/061220202232.jpg',
'photos/061220202243.jpg',
'photos/061220202857.jpg',
'photos/061220202905.jpg',
'photos/061220204429.jpg',
'photos/061220204535.jpg',
'photos/070127113543.jpg',
'photos/070211185933.jpg',
'photos/070220122456.jpg',
'photos/070313190419.jpg',
'photos/070323122736.jpg',
'photos/070323122814.jpg',
'photos/070405141105.jpg',
'photos/070405141128.jpg',
'photos/070407113501.jpg',
'photos/070619211038.jpg',
'photos/070705175433.jpg',
'photos/070705175442.jpg',
'photos/070814155228.jpg',
'photos/070814155248.jpg',
'photos/070818152436.jpg',
'photos/070819011854.jpg',
'photos/070824165646.jpg',
'photos/070824165655.jpg',
'photos/070824165735.jpg',
'photos/070825231650.jpg',
'photos/070921154808.jpg',
'photos/070921154824.jpg',
'photos/070925084209.jpg',
'photos/071129193120.jpg',
'photos/071129193126.jpg',
'photos/071129193516.jpg',
'photos/071129193558.jpg',
'photos/071129193603.jpg',
'photos/071129194933.jpg',
'photos/071202123228.jpg',
'photos/071202123256.jpg',
'photos/071202123302.jpg',
'photos/071218145707.jpg',
'photos/071218145715.jpg',
'photos/071222150335.jpg',
'photos/071224161437.jpg',
'photos/071224161442.jpg',
'photos/080711104833.jpg',
'photos/080711104844.jpg',
'photos/081216133304.jpg',
'photos/090309144641.jpg',
'photos/090310201835.jpg',
'photos/090311123808.jpg',
'photos/090311124038.jpg',
'photos/090311124315.jpg',
'photos/090311125544.jpg',
'photos/090311125552.jpg',
'photos/090311130210.jpg',
'photos/090311130655.jpg',
'photos/090311145248.jpg',
'photos/090311152847.jpg',
'photos/090311195152.jpg',
'photos/090312105950.jpg',
'photos/090312105958.jpg',
'photos/090312142934.jpg',
'photos/090314233946.jpg',
'photos/090321095419.jpg',
'photos/090322201105.jpg',
'photos/090322201522.jpg',
'photos/090322201542.jpg',
'photos/090322201601.jpg',
'photos/090322203514.jpg',
'photos/090322203521.jpg',
'photos/090324144920.jpg',
'photos/090324145032.jpg',
'photos/090324152721.jpg',
'photos/090324154637.jpg',
'photos/090324154715.jpg',
'photos/090324154750.jpg',
'photos/090328181521.jpg',
'photos/090328181731.jpg',
'photos/090328182241.jpg',
'photos/090329135018.jpg',
'photos/090330121042.jpg',
'photos/090331100131.jpg',
'photos/090331100736.jpg',
'photos/090402093945.jpg',
'photos/090402115521.jpg',
'photos/090402115606.jpg',
'photos/090402115656.jpg',
'photos/090402115844.jpg',
'photos/090402115921.jpg',
'photos/090402120000.jpg',
'photos/090402120428.jpg',
'photos/090402120444.jpg',
'photos/090402132126.jpg',
'photos/090402132135.jpg',
'photos/090522125746.jpg',
'photos/090609181223.jpg',
'photos/090622131052.jpg',
'photos/090626154056.jpg',
'photos/090628161103.jpg',
'photos/090629111019.jpg',
'photos/090629111039.jpg',
'photos/090711213609.jpg',
'photos/090714100007.jpg',
'photos/090714100018.jpg',
'photos/090719091645.jpg',
'photos/090719091733.jpg',
'photos/090729180322.jpg',
'photos/090804203821.jpg',
'photos/090804204618.jpg',
'photos/090805183909.jpg',
'photos/090817184525.jpg',
'photos/091119144420.jpg',
'photos/091120114257.jpg',
'photos/100203192130.jpg',
'photos/100203192457.jpg',
'photos/100221194518.jpg',
'photos/100221194526.jpg',
'photos/100810171622.jpg',
'photos/100810172326.jpg',
'photos/100810172340.jpg',
'photos/100810172435.jpg',
'photos/100810172645.jpg',
'photos/100810172702.jpg',
'photos/100916201103.jpg',
'photos/100916201111.jpg',
'photos/100916201130.jpg',
'photos/100916201148.jpg',
'photos/100917144012.jpg',
'photos/100917144629.jpg',
'photos/100917144651.jpg',
'photos/100917144819.jpg',
'photos/110216125700.jpg',
'photos/110620193737.jpg',
'photos/110629195058.jpg',
'photos/110629195108.jpg',
'photos/110629195150.jpg',
'photos/110930111957.jpg',
'photos/110930112100.jpg',
'photos/110930123713.jpg',
'photos/110930123736.jpg',
'photos/111001130344.jpg',
'photos/111001130406.jpg',
'photos/111108143516.jpg',
'photos/111128203822.jpg',
'photos/111128203831.jpg',
'photos/111128204740.jpg',
'photos/111128204749.jpg',
'photos/111129124258.jpg',
'photos/111129124330.jpg',
'photos/120117055425.jpg',
'photos/120117055437.jpg',
'photos/120117055455.jpg',
'photos/120117055504.jpg',
'photos/120117055517.jpg',
'photos/120117055527.jpg',
'photos/120117055621.jpg',
'photos/120117055648.jpg',
'photos/120117055659.jpg',
'photos/120117055713.jpg',
'photos/120117055725.jpg',
'photos/120117055741.jpg',
'photos/120117055752.jpg',
'photos/120117055828.jpg',
'photos/120117055850.jpg',
'photos/120117055911.jpg',
'photos/120117055928.jpg',
'photos/120117055938.jpg',
'photos/120117055950.jpg',
'photos/120117060000.jpg',
'photos/120117060010.jpg',
'photos/120117060020.jpg',
'photos/120117060031.jpg',
'photos/120117060042.jpg',
'photos/120117060052.jpg',
'photos/120117060102.jpg',
'photos/120117060131.jpg',
'photos/120117060226.jpg',
'photos/120117060236.jpg',
'photos/120117060251.jpg',
'photos/120117060302.jpg',
'photos/120117063958.jpg',
'photos/120117064008.jpg',
'photos/120122133355.jpg',
'photos/120122133411.jpg',
'photos/120122133501.jpg',
'photos/120122133516.jpg',
'photos/120122153351.jpg',
'photos/120122153400.jpg');

var yposition=520;				//POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor='black' ;		// PROGRESS BAR COLOR
var unloadedcolor='#888888';		// BGCOLOR OF UNLOADED AREA
var barheight=10;				// HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=50;				// 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...</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...</font></center></td></tr></table>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr>';
txt+='</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;