// 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=[ 'screenshot/screenshot_Akupunkturpraxis2.jpg','pics/funnyPC_ani.gif','screenshot/SauderBT_screenshot_v3.jpg','screenshot/Screenshot_Energetische_Therapie.jpg','screenshot/screenshot_thomasmartini_massage_01.jpg','screenshot/screenshot_lovis1.jpg' ];









var yposition=520;                   // POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS




var loadedcolor='navy' ;            // PROGRESS BAR COLOR




var unloadedcolor='#D3D3D3';      // BGCOLOR OF UNLOADED AREA




var barheight=20;                   // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 20)




var barwidth=400;                   // WIDTH OF THE BAR IN PIXELS  




var bordercolor='black';            // COLOR OF THE BORDER









// 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 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+'" onmouseup="hideperouter()">' : '<div id="perouter" onmouseup="hideperouter()" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+(barheight+(IE4?0:2))+'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 style="cursor:default" color="'+loadedcolor+'" size="1" face="sans-serif">Loading Images... (Click to dismiss)</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 style="cursor:default" color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Images... (Click to dismiss)</font></center></td></tr></table>';




txt+=(NS4)? '</layer></ilayer>' : '</div>';




txt+='</td></tr></table>';




txt+=(NS4)?'</layer>' : '</div>';




document.write(txt);









function showprops(el){




var t='';




for(i in el)t+=' '+i;




if(t=="")t=el;




if(t==undefined)t="No properties or values...";




alert(t);




}









function loadimages(){




var alreadydone=false;




for(n=0;n<imagenames.length;n++){




images[n]=new Image();




images[n].src=imagenames[n];




if(images[n].complete)alreadydone=true;




}




if(!alreadydone){




if(NS4){




perouter=document.perouter;




perdone=document.perouter.document.layers[0].document.perdone;




}




else if(IE4){




perouter=document.all['perouter'];




perdone=document.all['perdone'];




}else{




perouter=document.getElementById('perouter');




perdone=document.getElementById('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);




else{




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(); imagesdone=true; action(); ', 800);




}









function hideperouter(){




(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";




}









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;




}else layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';




}









window.onload=function(){




setTimeout('loadimages()',300);




}