var bTOP=25; //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var bLEFT=150; // POSITION OF LOAD BAR FROM LEFT OF WINDOW, IN PIXELS
var bH=10; // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var bW=100; // WIDTH OF THE BAR IN PIXELS
var bSTEP=70;
var bMSG='';

var bCOLOR='#336699' ; // PROGRESS BAR COLOR
var bBACK='white'; // BGCOLOR OF UNLOADED AREA
var bBORDER='black'; // COLOR OF THE BORDER

var bCIRC=1; //1 => circular, 0 no circular

//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=bW/bSTEP;
var timeout;
bH=Math.max(bH,25);
var loaded=0, bFRM, bPOS, images=new Array();
var pBar=(NS4)?'<layer name="bFRM" bgcolor="'+bBORDER+'" visibility="hide">' : '<div id="bFRM" style="top:'+bTOP+'px; left: '+bLEFT+'px; width: '+bW+'px; height: '+bH+'px; position:absolute; visibility:hidden; background-color:'+bBORDER+'">';
pBar+='<table width="'+bW+'" height='+bH+'px cellpadding="0" cellspacing="1" border="0"><tr><td>';
if(NS4)pBar+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" bgcolor="'+bBACK+'" top="0" left="0">';
pBar+='<table width='+bW+' height='+bH+'px cellpadding="0" cellspacing="0" border="0" valign="center" bgcolor="'+bBACK+'"><tr><td></td></tr></table>';
if(NS4) pBar+='</layer>';
pBar+=(NS4)? '<layer name="bPOS" width="100%" height="'+bH+'" bgcolor="'+bCOLOR+'" top="0" left="0">' : '<div id="bPOS" style="position:absolute; top:1px; left:1px; width:'+bW+'px; height:'+bH+'px; background-color:'+bCOLOR+'; z-index:100">';
//pBar+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+bW+'" height="'+bH+'" bgcolor="'+bCOLOR+'"></td></tr></table>';
pBar+=(NS4)? '</layer></ilayer>' : '</div>';
pBar+='</td></tr></table>';
pBar+=(NS4)?'</layer>' : '</div>';

document.write(pBar);

function barInit(){
  if(NS4) { bFRM=document.bFRM; bPOS=document.bFRM.document.layers[0].document.bPOS; }
  if(NS6) { bFRM=document.getElementById('bFRM'); bPOS=document.getElementById('bPOS'); }
  if(IE4) { bFRM=document.all.bFRM; bPOS=document.all.bPOS; }
  barPaint(bPOS,0,0,bH,0);
  window.onresize=setFrmPos;
  setFrmPos();
  timeout = setTimeout('barStep()' ,100);
}
function setFrmPos() {
  var ww=(IE4)? document.body.clientWidth : window.innerWidth;
  var x=bLEFT;//(ww-bW)/2;
  if(NS4) { bFRM.moveTo(x,bTOP); bFRM.visibility="show"; }
  if(IE4||NS6) { bFRM.style.left=x+'px'; bFRM.style.top=bTOP+'px'; bFRM.style.visibility="visible"; }
}
function barStep() {
  loaded++;
  clipleft = 0;
  if((bCIRC == 1) && (loaded>=bSTEP)) { clipleft = blocksize*(loaded - bSTEP); }
  clipright = blocksize*loaded;
  if(loaded>=bSTEP) { clipright = blocksize*bSTEP; }

  barPaint(bPOS, 0, clipright, bH, clipleft);

  if (bCIRC == 0)
    {if(loaded>=bSTEP) { loaded = 0; barInit(); } else { timeout = setTimeout('barStep()' ,100); }}
  else
    {if(loaded>=2*bSTEP) { loaded = 0; barInit(); } else { timeout = setTimeout('barStep()' ,100); }}
}
function barPaint(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+')'; }
}
function barStop() {
  clearTimeout(timeout);
  if(NS4) { bFRM.visibility="hide"; }
  if(IE4||NS6) { bFRM.style.visibility="hidden"; }
}