// 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=[ 'img/almacen.jpg' , 'img/ bcalidad-a.jpg' , 'img/ bcalidad-sel.jpg' , 'img/ bcalidad-s.jpg' , 'img/bcomplemento-a.jpg' , 'img/ bcomplemento-sel.jpg' , 'img/ bcomplemento-s.jpg' , 'img/ bcontacto-a.jpg' , 'img/bcontacto-sel.jpg' , 'img/ bcontacto-s.jpg' , 'img/ bempresa-a.jpg' , 'img/ bempresa-sel.jpg' , 'img/bempresa-s.jpg' , 'img/ bfiltracion-a.jpg' , 'img/ bfiltracion-sel.jpg' , 'img/ bfiltracion-s.jpg' , 'img/bhidromasaje-a.jpg' , 'img/ bhidromasaje-sel.jpg' , 'img/ bhidromasaje-s.jpg' , 'img/binstalaciones-a.jpg' , 'img/ binstalaciones-sel.jpg' , 'img/ binstalaciones-s.jpg' , 'img/ boton.jpg' , 'img/bpiscinas-a.jpg' , 'img/ bpiscinas-sel.jpg' , 'img/ bpiscinas-s.jpg' , 'img/ cabdrch.gif' , 'img/cabdrchs.gif' , 'img/ cabizq.gif' , 'img/ cablogo.gif' , 'img/ cabup.gif' , 'img/ calid1.jpg' , 'img/ compl10.jpg' , 'img/compl11.jpg' , 'img/ compl12.jpg' , 'img/ compl13.jpg' , 'img/ compl14.jpg' , 'img/ compl1.jpg' , 'img/ compl2.jpg' , 'img/compl3.jpg' , 'img/ compl4.jpg' , 'img/ compl5.jpg' , 'img/ compl6.jpg' , 'img/ compl7.jpg' , 'img/ compl8.jpg' , 'img/compl9.jpg' , 'img/ contarribadrch.gif' , 'img/ contdown.gif' , 'img/ contdrch.gif' , 'img/ contfondizq.gif' , 'img/contfondrch.gif' , 'img/ contizq.gif' , 'img/ downmenu.gif' , 'img/ ealfa6.jpg' , 'img/ ealfa8.jpg' , 'img/ecompacta10.jpg' , 'img/ ecompacta4.jpg' , 'img/ ecompacta4spa.jpg' , 'img/ ecompacta5.jpg' , 'img/ecompacta5p.jpg' , 'img/ ecompacta6.jpg' , 'img/ ecompacta8.jpg' , 'img/ ecompacta9.jpg' , 'img/ edelfin.jpg' , 'img/edelta100.jpg' , 'img/ edelta5.jpg' , 'img/ edelta6.jpg' , 'img/ edelta75.jpg' , 'img/ edelta8.jpg' , 'img/edeltamodular.jpg' , 'img/ edeltaninos.jpg' , 'img/ ediana.jpg' , 'img/ eimperio.jpg' , 'img/ enilo100.jpg' , 'img/enilo65.jpg' , 'img/ enilo75.jpg' , 'img/ enilo90.jpg' , 'img/ espa20r.jpg' , 'img/ filtr1.jpg' , 'img/ filtr2.jpg' , 'img/filtr3.jpg' , 'img/ filtr4.jpg' , 'img/ finmenu.gif' , 'img/ fondo.jpg' , 'img/ fondomenua.gif' , 'img/ fondomenu.gif' , 'img/fondotitulo.jpg' , 'img/ hidro1.jpg' , 'img/ hidro2.jpg' , 'img/ hidro3.jpg' , 'img/ hidro4.jpg' , 'img/ hidro5.jpg' , 'img/hidro6.jpg' , 'img/ ialfa8.jpg' , 'img/ icompacta10.jpg' , 'img/ icompacta4.jpg' , 'img/ icompacta5.jpg' , 'img/icompacta9.jpg' , 'img/ idelfin101p.jpg' , 'img/ idelfin143p.jpg' , 'img/ idelta122p.jpg' , 'img/idelta161p.jpg' , 'img/ idelta5.jpg' , 'img/ idiana11.jpg' , 'img/ iimperio11.jpg' , 'img/ iimperio9.jpg' , 'img/inilo90.jpg' , 'img/ insanclajes.jpg' , 'img/ inscenefa.jpg' , 'img/ inscoronacion.jpg' , 'img/insdepuracion.jpg' , 'img/ insexcavacion.jpg' , 'img/ insfinal.jpg' , 'img/ insfontaneria.jpg' , 'img/insgranito.jpg' , 'img/ insrelleno.jpg' , 'img/ inssolera.jpg' , 'img/ insta10.jpg' , 'img/ insta11.jpg' , 'img/insta1.jpg' , 'img/ insta2.jpg' , 'img/ insta3.jpg' , 'img/ insta4.jpg' , 'img/ insta5.jpg' , 'img/ insta6.jpg' , 'img/insta7.jpg' , 'img/ insta8.jpg' , 'img/ insta9.jpg' , 'img/ insvaso.jpg' , 'img/ ispa20r.jpg' , 'img/ listado' , 'img/lista.gif' , 'img/ logo2.jpg' , 'img/ logo.gif' , 'img/ logo.jpg' , 'img/ logounion.gif' , 'img/ mcalidad.gif' , 'img/mcomplemento.gif' , 'img/ mcontacto.gif' , 'img/ mempresa.jpg' , 'img/ mfiltracion.gif' , 'img/mhidromasaje.gif' , 'img/ minstalaciones.gif' , 'img/ mpiscinas.gif' , 'img/ multiforma.gif' , 'img/oficina.jpg' , 'img/ pisc.jpg' , 'img/ tabac.jpg' , 'img/ tabad.jpg' , 'img/ tabai.jpg' , 'img/ tabdc.jpg' , 'img/ tabdd.jpg' , 'img/tabdi.jpg' , 'img/ tabld.jpg' , 'img/ tabli.jpg' , 'img/ tabsel.jpg'];

var loadedcolor='#0033CC' ;         // PROGRESS BAR COLOR
var unloadedcolor='black';      // BGCOLOR OF UNLOADED AREA
var barheight=17;                 // HEIGHT OF PROGRESS BAR IN PIXELS
var barwidth=300;                 // WIDTH OF THE BAR IN PIXELS
var bordercolor='#FFFEE8';        // COLOR OF THE BORDER
var textColor='white';            // 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 loadonce=false;                // IF THIS VALUE IS true THE BAR WILL NOT DISPLAY IF THE USER
var yposition=320;                // RETURNS TO THE PAGE, SET TO false TO HAVE THE BAR REAPPEAR IF
                                  // THE USER RETURNS TO THE PAGE.

// THE FUNCTION BELOW CONTAINS THE ACTION(S) TAKEN ONCE IMAGES ARE DONE LOADING.
// IF NO ACTION IS DESIRED, TAKE EVERYTHING OUT FROM BETWEEN THE CURLY BRACES ({})
// BUT LEAVE THE FUNCTION NAME AND CURLY BRACES IN PLACE. PRESENTLY, IT IS SET TO
// HIDE THE BAR, BUT CAN BE CHANGED EASILY. TO CAUSE A REDIRECT, INSERT THE FOLLOWING
// LINE IN BETWEEN THE CURLY BRACES:
// document.location.href="http://www.redirect_page.html";
// JUST CHANGE THE ACTUAL PAGE IT "POINTS" TO.

var action=function()
{
document.location.href="index2.htm";
//hidebar();
}

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

var NS4 = (document.layers)? true : false;
var IE4 = (document.all)? true : false;
var blocksize=(barwidth-2)/(imagenames.length);
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+'">Processing... (click to dismiss)</span>';
txt+='</td></tr></table>';
txt+='</layer>';
txt+='</ilayer>';
txt+='</td></tr></table>';
}else{
txt+='<div id="perouter" style="position:relative; top:350px; left:200px;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:2px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+'; font-size:1px;"></div>';
txt+='<div style="position:absolute; top:2px; left:2px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; color:'+textColor+'; font-size:'+textSize+'; font-family:'+textFont+'; text-align:center; cursor:default">Cargando... (Haz click para continuar)</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<imagenames.length;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>=imagenames.length)setTimeout('action()', 800);
}

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

//CREDIS TO DYNAMICDRIVE FOR THE FUNCTION BELOW
function get_cookie(Name) {
var search=Name+"=";
var returnvalue="";
if(document.cookie.length>0){
offset=document.cookie.indexOf(search);
if(offset!=-1){
offset+=search.length;
end=document.cookie.indexOf(";",offset);
if(end==-1)end=document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end));
}}
return returnvalue;
}

window.onload=function(){
var okPB=false;
if (loadonce){
if(get_cookie("progB")==""){
okPB=true;
document.cookie="progB=yes";
}}
else okPB=true;
if(okPB)setTimeout('loadimages()',300);
}