// Progressbar - Version 2.5
// Author: Brian Gosselin of http://scriptasylum.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=[ 
				 'produktfotografie menue/sake1.jpg' , 
				 'produktfotografie menue/startseite0.jpg' ,
				'produktfotografie menue/outdoor1.jpg ' ,
				'produktfotografie menue/imaging1.jpg' ,
				'produktfotografie menue/kunden1.jpg' ,
				'produktfotografie menue/kontakt1.jpg' ,
				'produktfotografie menue/impressum1.jpg' ,
				'werbefotografie bg/bgstudio.gif' , 
				'werbefotografie bg/bgoutdoor.gif' , 
				'werbefotografie bg/bgimaging.gif' ,
				'studiofotografie/icons/1ikonsake.jpg' , 
				'studiofotografie/icons/2motoricon.jpg' ,
				'studiofotografie/icons/3Dissericon.jpg' , 
				'studiofotografie/icons/4schluesselicon.jpg' ,
				'studiofotografie/icons/5Gemueseicon.jpg' , 
				'studiofotografie/icons/6glasicon.jpg' ,
				'studiofotografie/icons/7Nudelnicon.jpg' , 
				'studiofotografie/icons/8eltaicon.jpg' ,
				'studiofotografie/icons/9disneyicon.jpg' , 
				'studiofotografie/icons/10Schuheicon.jpg' ,
				'studiofotografie/icons/11reifenicon.jpg' , 
				'studiofotografie/icons/12Nussknackericon.jpg' ,
				'studiofotografie/icons/13Korkenziehericon.jpg' , 
				'studiofotografie/icons/14Tomateicon.jpg' ,
				'studiofotografie/icons/15Koffericon.jpg' , 
				'studiofotografie/icons/16ToLoicon.jpg' ,
				'studiofotografie/icons/17Techemicon.jpg' , 
				'studiofotografie/icons/18Prospanicon.jpg' ,
				'outdoorfotografie/icons/1berlinicon.jpg' ,
				'outdoorfotografie/icons/2berlinicon.jpg' ,
				'outdoorfotografie/icons/Zigaretten.jpg' , 
				'outdoorfotografie/icons/4astraicon.jpg' ,
				'outdoorfotografie/icons/5opelicon.jpg' , 
				'outdoorfotografie/icons/6globeicon.jpg' ,
				'outdoorfotografie/icons/7globeicon.jpg' , 
				'outdoorfotografie/icons/8globeicon.jpg' ,
				'outdoorfotografie/icons/9Nikonicon.jpg' , 
				'outdoorfotografie/icons/2sniicon.jpg' ,
				'outdoorfotografie/icons/11versbachicon.jpg' , 
				'outdoorfotografie/icons/reiss1icon.jpg' ,
				'outdoorfotografie/icons/reiss2icon.jpg' , 
				'outdoorfotografie/icons/livingicon.jpg' ,
				'outdoorfotografie/icons/3dbicon.jpg' , 
				'imaging/icon/stargateicon.jpg' ,
				'imaging/icon/kalendericon.jpg' , 
				'imaging/icon/Formel1icon.jpg' ,
				'imaging/icon/puzzlericon.jpg' , 
				'imaging/icon/coffeeicon.jpg' ,
				'imaging/icon/atisicon.jpg'];

var yposition=5;                   // POSITION des Balkens vom oberen Bildrandvar 
var loadedcolor='#CCCCCC' ;                // Farbe des Balkens
var unloadedcolor='white';      // Farbe des Teils der noch zu laden ist
var barheight=20;                   // Hoehe des Balkens in Pxel (MIN 20)
var barwidth=905;                   // Breite des Balkens in Pixel  
var bordercolor='white';            // Farbe der Umrandung

// THE FUNCTION BELOW CONTAINS THE ACTION(S) TAKEN ONCE IMAGES ARE DONE LOADING.
// IF NO ACTION IS DESIRED, TAKE EVERYTHING OUT FROM BETWEEN THE CURLY BRACES ({})
// BUT LEAVE THE FUNCTION NAME AND CURLY BRACES IN PLACE.
// PRESENTLY, IT IS SET TO DO NOTHING, BUT CAN BE CHANGED EASILY.
// TO CAUSE A REDIRECT, INSERT THE FOLLOWING LINE IN IT: document.location.href="http://redirect_page.html";

var action=function()
{

}

//*****************************************************//
//**********  DO NOT EDIT BEYOND THIS POINT  **********//
//*****************************************************//
 
var NS4 = (document.layers)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (document.getElementById&&!document.all)? true: false;
var imagesdone=false;
var blocksize=barwidth/(imagenames.length);
barheight=Math.max(barheight,20);
var loaded=0;
var perouter=null;
var perdone=null;
var images=new Array();
var txt=(NS4)?'<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide" height="'+barheight+'" width="'+barwidth+'">' : '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+barheight+'px;">';
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">Bilder werden 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" width="'+barwidth+'" height="'+(barheight)+'"><tr><td valign="center" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Bilder werden geladen...</font></center></td></tr></table>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr></table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);

function loadimages(){
//THE FOLLOWING SEVERAL LINES BYPASSES AN IE BUG WHICH CAUSES THE BAR TO STAY "UNLOADED" WHEN USER
//RETURNS TO THE PAGE.
var alreadydone=false;
for(n=0;n<imagenames.length;n++){
images[n]=new Image();
images[n].src=imagenames[n];
if(images[n].complete)alreadydone=alreadydone||true;
}
if(!alreadydone){
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);
if(!imagesdone)window.onresize=function(){
setTimeout('setouterpos()' ,200);
}
setouterpos();
(NS4)? perouter.visibility="show" : perouter.style.visibility="visible";
for(n=0;n<imagenames.length;n++)images[n].onload=dispbars;
}}

function setouterpos(){
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
var x=(ww-barwidth)/2;
if(NS4){
perouter.moveTo(x,yposition);
}
if(IE4||NS6){
perouter.style.left=x+'px';
perouter.style.top=yposition+'px';
}}

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

function hideperouter(){
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imagesdone=true;
action();
}

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=function(){
setTimeout('loadimages()',400);
}