var horasess = "00:00:00";
var timerID = null;
var p1 = horasess.indexOf (':');
var hours = horasess.substring (0, p1);
var p2 = horasess.lastIndexOf (':');
var minutes = horasess.substring (p1+1, p2);
var seconds = horasess.substring (p2+1, horasess.length);

var mostrar = true;
var loadedcolor = '#FFFFFF' ;  // Color del progreso de la barra.
var unloadedcolor = '#FFFFFF'; // Color del Fondo, del área que no ha sido cargada.
var barheight = 100;            // Alto de la Barra de progreso en Pixels (Mínimo 25)
var barwidth = 100;            // Ancho de la Barra en Pixels
var bordercolor = 'Black';     // Color del Borde

var browser = (navigator.appName.search(/Netscape|Opera/gi) != -1);

var NS4 = (browser && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5);
var IE4 = (document.all && !browser) ? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && browser);

var blocksize = barwidth / 1;
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+'"><center><img src="http://www.capitales.com/grafico/esperar.gif" border="0"><br><br><font size="3" face="Arial">Cargando<br><span id="hometimer1"></span></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+'"><center><img src="http://www.capitales.com/grafico/esperar.gif" border="0"><br><font size="3" face="Arial">Cargando<br><span id="hometimer2"></span></font></center></td></tr></table>';
txt += (NS4) ? '</layer></ilayer>' : '</div>';
txt += '</td></tr></table>';
txt += (NS4) ? '</layer>' : '</div>';
if (mostrar) document.write(txt);

function stopclock () { clearTimeout(timerID); }

function showtime () {
    if (seconds > 59) {
        seconds = 0;
        minutes++;
    }
    if (minutes > 59) minutes = 0;
    seconds++;

    var timeValue = minutes;
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
    document.getElementById('hometimer1').innerHTML = timeValue;
    document.getElementById('hometimer2').innerHTML = timeValue;
    timerID = setTimeout("showtime()", 1000);
    if (minutes == 4) stopclock ();
}
    
function startclock () {
    stopclock ();
    showtime ();
}   

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;
    }

    setouterpos ();
    images[0] = new Image();
    images[0].src = 'grafico/esperar.gif';
    checkload (0);
}

function setouterpos () {
    if (mostrar) {
	var ww = (IE4) ? document.body.clientWidth : window.innerWidth;
	var wh = (IE4) ? document.body.clientHeight : window.innerHeight;

	var xw = (ww-barwidth)/2;
	var xh = (wh-barheight)/2;

	if(NS4){
	    perouter.moveTo (xw, xh);
	    perouter.visibility = "show";
	}
	if(IE4||NS6){
	    perouter.style.left = xw+'px';
	    perouter.style.top = xh+'px';
	    perouter.style.visibility = "visible";
	}
    }
}

function dispbars (xtime) { setTimeout ('hideperouter()', xtime); }

function checkload (index){
    if (IE4) dispbars (5000);
    else (images[index].complete) ? dispbars (800) : setTimeout('checkload('+index+')', 100);
}

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

loadimages ();
startclock ();
mostrar = false;