var yposition=8;
var loadedcolor='999999';
var unloadedcolor='eeeeee';
var barheight=5;
var barwidth=200;
var bordercolor='888888';
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,12);
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+'" style="font-size:9px;"><center><font color="'+loadedcolor+'" face="sans-serif">Agarda un momento...</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+'" style="font-size:9px;"><center><font color="'+unloadedcolor+'" face="sans-serif">Agarda un momento...</font></center></td></tr></table>';txt+=(NS4)? '</layer></ilayer>' : '</div>';txt+='</td></tr></table>';txt+=(NS4)?'</layer>' : '</div>';
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);setouterpos();
    for(n=0;n<imagenames.length;n++){
        images[n]=new Image();
        images[n].src=imagenames[n];
        setTimeout('checkload('+n+')' ,n*10);}
        }
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()', 5);
    }
function checkload(index){(images[index].complete)? dispbars():setTimeout('checkload('+index+')', 5);}
function hideperouter(){(NS4)? perouter.visibility="hide":perouter.style.visibility="hidden";imagesdone=true;}
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+')';}
document.write(txt);