// 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( 'images2/head.jpg' , 'images2/links.jpg' , 'images2/abdecker.gif' , 'images2/logo.gif' , 'images2/kirchen/kirche1.gif' , 'images2/kirchen/kirche1-1.gif' , 'images2/kirchen/kirche1-2.gif' , 'images2/kirchen/kirche1-3.gif' , 'images2/kirchen/kirche1-4.gif' , 'images2/kirchen/kirche1-5.gif' , 'images2/kirchen/kirche2.gif' , 'images2/kirchen/kirche2-1.gif' , 'images2/kirchen/kirche2-2.gif' , 'images2/kirchen/kirche2-3.gif' , 'images2/kirchen/kirche2-4.gif' , 'images2/kirchen/kirche2-5.gif' , 'images2/kirchen/kirche3.gif' , 'images2/kirchen/kirche3-1.gif' , 'images2/kirchen/kirche3-2.gif' , 'images2/kirchen/kirche3-3.gif' , 'images2/kirchen/kirche3-4.gif' , 'images2/kirchen/kirche3-5.gif' , 'images2/kirchen/infos.gif' , 'images2/kirchen/sfx.gif' , 'images2/kirchen/sj.gif' , 'images2/kirchen/zhk.gif' , 'images2/buttons/ansprechp.gif' , 'images2/buttons/ansprechp1.gif' , 'images2/buttons/ansprechp2.gif' , 'images2/buttons/ansprechp3.gif' , 'images2/buttons/ansprechp4.gif' , 'images2/buttons/caritas.gif' , 'images2/buttons/caritas1.gif' , 'images2/buttons/caritas2.gif' , 'images2/buttons/caritas3.gif' , 'images2/buttons/caritas4.gif' , 'images2/buttons/einrichtungen.gif' , 'images2/buttons/einrichtungen1.gif' , 'images2/buttons/einrichtungen2.gif' , 'images2/buttons/einrichtungen3.gif' , 'images2/buttons/einrichtungen4.gif' , 'images2/buttons/gottesd.gif' , 'images2/buttons/gottesd1.gif' , 'images2/buttons/gottesd2.gif' , 'images2/buttons/gottesd3.gif' , 'images2/buttons/gottesd4.gif' , 'images2/buttons/gremien.gif' , 'images2/buttons/gremien1.gif' , 'images2/buttons/gremien2.gif' , 'images2/buttons/gremien3.gif' , 'images2/buttons/gremien4.gif' , 'images2/buttons/kinder.gif' , 'images2/buttons/kinder1.gif' , 'images2/buttons/kinder2.gif' , 'images2/buttons/kinder3.gif' , 'images2/buttons/kinder4.gif' , 'images2/buttons/kontakt.gif' , 'images2/buttons/kontakt1.gif' , 'images2/buttons/kontakt2.gif' , 'images2/buttons/kontakt3.gif' , 'images2/buttons/kontakt4.gif' , 'images2/buttons/links.gif' , 'images2/buttons/links1.gif' , 'images2/buttons/links2.gif' , 'images2/buttons/links3.gif' , 'images2/buttons/links4.gif' , 'images2/buttons/musik.gif' , 'images2/buttons/musik1.gif' , 'images2/buttons/musik2.gif' , 'images2/buttons/musik3.gif' , 'images2/buttons/musik4.gif' , 'images2/buttons/rueckblick.gif' , 'images2/buttons/rueckblick1.gif' , 'images2/buttons/rueckblick2.gif' , 'images2/buttons/rueckblick3.gif' , 'images2/buttons/rueckblick4.gif' , 'images2/buttons/termine.gif' , 'images2/buttons/termine1.gif' , 'images2/buttons/termine2.gif' , 'images2/buttons/termine3.gif' , 'images2/buttons/termine4.gif' );

var yposition=210;                                  //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor='#D8E4F2' ;                // PROGRESS BAR COLOR
var unloadedcolor='white';                   // BGCOLOR OF UNLOADED AREA
var barheight=15;                                 // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=250;                                // WIDTH OF THE BAR IN PIXELS  
var bordercolor='#353A90';                       // 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,15);
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="#353A90" size="1" face="Arial">Der Auftritt wird geladen...</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="#353A90" size="1" face="Arial">Der Auftritt wird geladen...</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";
window.location.href="htm/index.html";
}
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;