// Progressbar - Version 2.0 INICIO ***********************************************************************************************
// Author: Brian Gosselin of http://scriptasylum.com . Featured on Dynamic Drive (http://www.dynamicdrive.com)
// PUT THE NAMES OF ALL YOUR IMAGES THAT NEED TO BE "CACHED" IN THE "numberslide" 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 numberslide=new Array( '1.gif' , '2.gif' , '3.gif' , '4.gif' , '5.gif' , '6.gif'); I fill it on the .html
var yposition		= 300; //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var xposition       = 580; //POSITION OF LOAD BAR FROM LEFT OF WINDOW, IN PIXELS
// ELSE CENTER OF THE WINDOW  var ww=(IE4)? document.body.clientWidth : window.innerWidth; var xposition= (ww-barwidth)/2;
var loadedcolor		= '#CFC9B9' ; // PROGRESS BAR COLOR	ex 'gray'
var unloadedcolor	= '#FEF8E8'; // BGCOLOR OF UNLOADED AREA ex 'white'
var barheight		= 15; // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth		= 160; // WIDTH OF THE BAR IN PIXELS 
var bordercolor		= 'black'; // COLOR OF THE BORDER ex 'black'
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		= parseInt(barwidth/(numberslide.length));
var loaded			= 0, perouter, perdone;
var preloadit		= 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><font color="'+loadedcolor+'" size="1" face="sans-serif">Cargando Imagenes...</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><font color="'+unloadedcolor+'" size="1" face="sans-serif">Cargando Imagenes...</font></center></td></tr></table>';
		txt+=(NS4)? '</layer></ilayer>' : '</div>';
		txt+='</td></tr></table>';
		txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);

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

function dispbars(){
	loaded++;
	this.blocksize = parseInt(barwidth/(numberslide.length));
	cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
	if(loaded>=numberslide.length)setTimeout('hideperouter()', 800);
}

function checkload(index){
	(preloadit[index].complete)? dispbars() : setTimeout('checkload('+index+')', 100);
}

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+')';
}

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);
	window.onresize=setouterpos;
	setouterpos();
	
	for (i=0;i<numberslide.length;i++) {
		preloadit[i]=new Image()
		preloadit[i].src=numberslide[i][0]
		setTimeout('checkload('+i+')' ,i*100);
	}
}
// Progressbar - Version 2.0 FIN **************************************************************************************************