// Progressbar - Version 2.6
// 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.
// RELEASE INFO:
// V 2.5 - INITIAL RELEASE (CHANGES BEFORE THIS VERSION UNKNOWN)
// V 2.6 - CHANGED THE action() FUNCTION SO HIDING THE BAR IS SELECTABLE.

var imagenames=new Array('/contray376/gfx/bildergalerie.gif', '/contray376/gfx/book.gif', '/contray376/gfx/folder.gif', '/contray376/gfx/logo_distanzreiten.gif', '/contray376/gfx/forum.gif' ,'/contray376/gfx/home.gif', '/contray376/gfx/horse6.gif', '/contray376/gfx/html.gif', '/contray376/gfx/logo_dressur.gif', '/contray376/gfx/logo_fahren.gif', '/contray376/gfx/logo_jagdreiten.gif', '/contray376/gfx/logo_reiterspiele.gif', '/contray376/gfx/logo_springen.gif', '/contray376/gfx/logo_trekking.gif', '/contray376gfx/logo_vielseitigkeit.gif', '/contray376/gfx/logo_westernreiten.gif', '/contray376/gfx/trense.jpg', '/contray376/gfx/wetterfrosch.gif', '/contray376/gfx/wetter-oben.gif', '/contray376/gfx/wetter-r.gif',  '/contray376/gfx/notizblock.gif');

var loadedcolor='gray';		// PROGRESS BAR COLOR
var unloadedcolor='white';	// BGCOLOR OF UNLOADED AREA
var barheight=17;			// HEIGHT OF PROGRESS BAR IN PIXELS
var barwidth=422;			// WIDTH OF THE BAR IN PIXELS
var bordercolor='#005500';	// COLOR OF THE BORDER
var textColor='#005500';	// COLOR OF TEXT IN LOADING BAR
var textSize='10px';		// SIZE OF TEXT IN LOADING BAR
var textFont='verdana';		// FONT FAMILY OF TEXT IN LOADING BAR
var action=function()
{
hidebar();
document.location.href="/cgi-bin/contray376/contray.cgi?ID=000&GROUP=001"
}

//*****************************************************//
//********  NO NEED TO EDIT BEYOND THIS POINT  ********//
//*****************************************************//

var NS4 = (document.layers)? true : false;
var IE4 = (document.all)? true : false;
var no_images = imagenames.length;
var blocksize=(barwidth-2)/(no_images+1);
barheight=Math.max(barheight,4);
var loaded=0;
var perouter=null;
var perdone=null;
var images=new Array();
var txt='';
if(NS4){
txt+='<table cellspacing=0 cellpadding=0 border=0><tr><td>';
txt+='<ilayer name="perouter" visibility="hide" height="'+barheight+'" width="'+barwidth+'">';
txt+='<layer width="'+barwidth+'" height="'+barheight+'" bgcolor="'+bordercolor+'" top="0" left="0"></layer>';
txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+unloadedcolor+'" top="1" left="1"></layer>';
txt+='<layer name="perdone" width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+loadedcolor+'" top="1" left="1"></layer>';
txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" top="1" left="1">';
txt+='<table cellpadding=0 cellspacing=0 border=0 width="'+(barwidth-2)+'" height="'+(barheight-2)+'"><tr><td align="center" valign="middle">';
txt+='<span style="color:'+textColor+'; font-size:'+textSize+'; font-family:'+textFont+'">vorbereiten...</span>';
txt+='</td></tr></table>';
txt+='</layer>';
txt+='</ilayer>';
txt+='</td></tr></table>';
}else{
txt+='<div id="perouter" style="position:relative; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+barheight+'px;">';
txt+='<div style="position:absolute; top:1px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; background-color:'+unloadedcolor+'; font-size:1px;"></div>';
txt+='<div id="perdone" style="position:absolute; top:1px; left:1px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+'; font-size:1px;"></div>';
txt+='<div style="position:absolute; top:2px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; color:'+textColor+'; font-size:'+textSize+'; font-family:'+textFont+'; text-align:center; cursor:default">vorbereiten...</div>';
txt+='</div>';
}
document.write(txt);

//THIS FUNCTION BY MIKE HALL OF BRAINJAR.COM
function findlayer(name,doc){
var i,layer;
for(i=0;i<doc.layers.length;i++){
layer=doc.layers[i];
if(layer.name==name)return layer;
if(layer.document.layers.length>0)
if((layer=findlayer(name,layer.document))!=null)
return layer;
}
return null;
}

function loadimages(){
perouter=(NS4)?findlayer('perouter',document):(IE4)?document.all['perouter']:document.getElementById('perouter');
perdone=(NS4)?perouter.document.layers['perdone']:(IE4)?document.all['perdone']:document.getElementById('perdone');
if(NS4)perouter.captureEvents(Event.MOUSEUP);
perouter.onmouseup=hidebar;
clipEl(perdone,0,0,barheight-2,0);
if(NS4)perouter.visibility="show";
else perouter.style.visibility="visible";
for(n=0;n<no_images;n++){
images[n]=new Image();
images[n].src=imagenames[n];
if(images[n].complete)dispbars();
images[n].onload=dispbars;
images[n].onerror=dispbars;
}}

function dispbars(){
loaded++;
clipEl(perdone, 0, blocksize*loaded, barheight-2, 0);
if(loaded>=no_images)setTimeout('action()', 10);
}

function hidebar(){
if(NS4)perouter.visibility="hide";
else perouter.style.visibility="hidden";
}

function clipEl(el, ct, cr, cb, cl){
if(NS4){
el.clip.left=cl;
el.clip.top=ct;
el.clip.right=cr;
el.clip.bottom=cb;
}else el.style.width=cr+'px';
}

window.onload=loadimages;