var pixFolder='/pix/panels/';

cmode=(mode==1)?1:cmode;
f1='<font face="Arial, Helvetica, sans-serif" size="2">';
f2='</font>';
ao=[];
bo=[];
tollerance=8;
function ly(id,pid){
	if(!pid){
		eval(id+'o=new dlayer(id);');
	}else{
		eval(id+'o=new dlayer(id,0,0,100,100,1,pid);');
	}
	eval('tmp='+id+'o');
	eval(id+'o='+id+'o.obj');
	eval(id+'o.o=tmp');
}

function panels()
{

	/***********************Herramientas*****************************/
	ly('lb1');	//lb1o
	ly('lb2');	//lb2o
	ly('sb');	//sbo
	ly('mb2');	//mb2o
	ly('p1');	//p1o
	ly('mb1');	//mb1o
	ly('p2');	//p2o
	
	// doy el comienzo en x,y del layer a desplegar 
	sbo.move(bx,by);
	sbo.level(5);

	mb2o.move(bx,by);
	mb2o.level(7);
	
	// ENCABEZADO
	mb2o.write('<table width="81" border="0" cellspacing="0" cellpadding="0" height="24"><tr><td width="156" valign="top"><a onmouseover="MM_swapImage(\'Image61\',\'\',\'herramientas/img/btnMisherramientas_on.gif\',1);" onmouseout="MM_swapImgRestore()" href="javascript:void(null);" onclick="h_p(sbo); return false;"><img id="herramienta" src="herramientas/img/btnMisherramientas.gif" border="0" name="Image61"></a></td></tr></table>');
	mb2o.img='mbc';
	// CONTENIDO
	//p1o.write ( '<table width="250" cellpadding="0" cellspacing="0" ><form name="frmUsuario" action="./Login.aspx" method="post" ID="frmUsuario"><TBODY><tr><td colspan="3" height="21">&nbsp;</td></tr><tr><TD colspan="3" ><IMG alt="" WIDTH="250" src="herramientas/img/EncabezadoHerramientas.jpg"></TD></tr><tr><td width="8" background="herramientas/img/IzquierdoHerramientas.jpg" align="left"></td><td width="236" bgcolor="white"><table width="220" align="center" cellpadding=0 cellspacing=0><tr><td colspan="3" class="textos" vAlign="bottom">Usuario:</td></tr><tr><td><INPUT class="textbox" id="login" name="login" type="text" size="11" name="login" maxLength="30"></td><td width="5">&nbsp;</td><td class="textos"><IMG height="17" src="herramientas/img/btnBullet.gif" width="13"> <A onclick="window.open(\'../RegistroCompleto.aspx\', \'RegistroCompleto\', \'menubar=no,toolbar=no,location=no,width=745,height=450,scrollbars=auto\');" href="#">Olvid&eacute; mi Clave</A></td></tr><tr><td class="textos" vAlign="bottom">Contrase&ntilde;a:</td><td width="5">&nbsp;</td><td class="textos"><IMG height="17" src="herramientas/img/btnBullet.gif" width="13"> <a href="#" onclick="window.open(\'../RegistroCompleto.aspx\', \'RegistroCompleto\', \'menubar=no,toolbar=no,location=no,width=745,height=450,scrollbars=yes\');">Reg&iacute;strate Aqu&iacute; </a></td></tr><tr><td colspan="3"><INPUT class="textbox" id="password" type="password" maxLength="30" size="11" name="password"></td></tr><tr><td><div align="right"><input type="image" src="herramientas/img/btnIr.gif" width="22" height="20" onclick="return validar();" align="right"></div></td><td colspan="2">&nbsp;</td</tr></table></td><td width="6" background="herramientas/img/DerechoHerramientas.jpg" align="right"></td></tr><tr><td width="8" background="herramientas/img/IzquierdoHerramientas.jpg" align="left"></td><td width="236" align="right" bgcolor="white"><a href="javascript:void(null);" onclick="h_p(false,false,true); return false;"><img src="herramientas/img/btnX.gif" alt="cerrar" border="0"></a>&nbsp;&nbsp;</td><td width="6" background="herramientas/img/DerechoHerramientas.jpg" align="right"></td></tr><tr><TD colspan="3"><IMG WIDTH="250" alt="" src="herramientas/img/PieHerramientas.jpg"></TD></tr></form></TBODY></table>' );
	p1o.write ( '<table width="250" cellpadding="0" cellspacing="0" ><form name="frmUsuario" action="./Login.aspx" method="post" ID="frmUsuario"><TBODY><tr><td colspan="3" height="21">&nbsp;</td></tr><tr><TD colspan="3" ><IMG alt="" WIDTH="250" src="herramientas/img/EncabezadoHerramientas.jpg"></TD></tr><tr><td width="8" background="herramientas/img/IzquierdoHerramientas.jpg" align="left"></td><td width="236" bgcolor="white"><table width="220" align="center" cellpadding=0 cellspacing=0><tr><td colspan="3" class="textos" vAlign="bottom">Usuario:</td></tr><tr><td><INPUT class="textbox" id="login" name="login" type="text" size="11" name="login" maxLength="30"></td><td width="5">&nbsp;</td><td class="textos"><IMG height="17" src="herramientas/img/btnBullet.gif" width="13"> <A onclick="window.open(\'../RegistroRapido.aspx?recordar=true\', \'RegistroRapido\', \'menubar=no,toolbar=no,location=no,width=430,height=350,scrollbars=auto\');" href="#">Olvid&eacute; mi Clave</A></td></tr><tr><td class="textos" vAlign="bottom">Contrase&ntilde;a:</td><td width="5">&nbsp;</td><td class="textos"><IMG height="17" src="herramientas/img/btnBullet.gif" width="13"> <a href="#" onclick="window.open(\'../RegistroCompleto.aspx\', \'RegistroCompleto\', \'menubar=no,toolbar=no,location=no,width=750,height=450,scrollbars=yes\');">Reg&iacute;strate Aqu&iacute; </a></td></tr><tr><td colspan="3"><INPUT class="textbox" id="password" type="password" maxLength="30" size="11" name="password"></td></tr><tr><td><div align="right"><input type="image" src="herramientas/img/btnIr.gif" width="22" height="20" onclick="document.frmUsuario.url.value=document.location.href; return validar(); " align="right"></div></td><td colspan="2">&nbsp;</td</tr></table></td><td width="6" background="herramientas/img/DerechoHerramientas.jpg" align="right"></td></tr><tr><td width="8" background="herramientas/img/IzquierdoHerramientas.jpg" align="left"></td><td width="236" align="right" bgcolor="white"><a href="javascript:void(null);" onclick="h_p(false,false,true); return false;"><img src="herramientas/img/btnX.gif" alt="cerrar" border="0"></a>&nbsp;&nbsp;</td><td width="6" background="herramientas/img/DerechoHerramientas.jpg" align="right"></td></tr><tr><TD colspan="3"><IMG WIDTH="250" alt="" src="herramientas/img/PieHerramientas.jpg"></TD></tr><input type="hidden" name="url"></form></TBODY></table>' );
	/************************************************************/
	
	/***********************Búsqueda*****************************/
	ly('sc');	//sco
	ly('mb5');	//mb5o
	ly('p5');	//p5o
	ly('lb5');	//lb5o

	// doy el comienzo en x,y del layer a desplegar 
	sco.move(cbx,cby);
	sco.level(5);	

	mb5o.move(cbx,cby);
	mb5o.level(7);

	if (mostrarBusqueda)
	{
		// ENCABEZADO
		mb5o.write('<table width="81" border="0" cellspacing="0" cellpadding="0" height="24"><tr><td width="156" valign="top"><a onmouseover="MM_swapImage(\'Image62\',\'\',\'herramientas/img/btnBusqueda_on.gif\',1); return false;" onmouseout="MM_swapImgRestore()" href="javascript:void(null);" onclick="h_b(sco); return false;"><img id="herramienta" src="herramientas/img/btnBusqueda.gif" border="0" name="Image62"></a></td></tr></table>');
		// CONTENIDO
		p5o.write (cajaBusqueda);
	}
	/************************************************************/
	
	ly('c');
	co.hide();
	
	p1o.hide();
	p5o.hide();
	
	sbo.p=p1o;
	sco.p=p5o;

	ao=[sbo,lb1o,lb2o,mb1o,mb2o];
	bo=[sco,lb5o,lb5o,mb5o,mb5o];

}


function h_p(o,o2,d,f){

	if(!d)
	{
		for(var i=0;i<ao.length;i++){
			if(ao[i].moving){
				if(!o2){
					setTimeout('h_p('+o.obj+');',100);
				}else{
					setTimeout('h_p('+o.obj+','+o2.obj+');',100);
				}
				return;
			}
		}
		var f=false;
		for(var i=0;i<ao.length;i++){
			if(ao[i].y!=by){
				f=true;
			}
		}
	}
	if(o.y==by&&!f){
		o.p.relayer();
		o.relayer();
		// doy la posicion del nuevo layer a mostrar
		ny=(mode==1)?by-o.p.h:by+o.p.h;// + 36;
		o.glide(o.x,o.y,o.x,ny,10);
		if(o2){
			o2.relayer();
			o2.glide(o2.x,o2.y,o2.x,ny,10);
			cl(o.p,o,o2,1);
		}else{
			cl(o.p,o,false,1);
		}
	}else if((o.y==by&&f)||d){
		for(var i=0;i<ao.length;i++){
			if(o.id!=ao[i].id||(o2&&o2.id!=ao[i].id)){
				ao[i].glide(ao[i].x,ao[i].y,ao[i].x,by,10);
				if(ao[i].p){
					if(ao[i].o2){
						cl(ao[i].p,ao[i],ao[i].o2,1);
					}else{
						cl(ao[i].p,ao[i],false,1);
					}
					inf(ao[i].p,1);
				}
				if(!o2&&!d){
					setTimeout('h_p('+o.obj+');',10);
				}else if(o2&&!d){
					setTimeout('h_p('+o.obj+','+o2.obj+');',10);
				}
			}
		}
	}
}

function pc(o,i,ii){
	o.c={};
	o.c.up=new Image();
	o.c.up.src=''+pixFolder+'m2/'+i+'.gif';
	o.c.down=new Image();
	o.c.down.src=''+pixFolder+'m2/'+ii+'.gif';
}

function sc(o,i,ni){
	if(ns4){
		o.css.document.images[ni].src=i;
	}else{
		document.images[ni].src=i;
	}
}

function cl(o,p,o2,f){
	if(f){
		o.show();
		if(mode==2&&cmode==1){
			if(o2){
				sc(o2,o2.c.down.src,o2.img);
			}else{
				sc(p,p.c.down.src,p.img);
			}
		}
	}
	if(mode==2){
		o.move(p.x,p.y-o.h);
		var t=(cmode==1)?by-o.y+p.h:by-o.y;
		o.clip(t,o.w,o.h,0);
	}else{
		o.move(p.x,p.y+p.h);
		o.clip(0,o.w,by-o.y+p.h,0);
	}
	if(p.moving){
		co.hide();
		if(o2){
			setTimeout('cl('+o.obj+','+p.obj+','+o2.obj+');',10);
		}else{
			setTimeout('cl('+o.obj+','+p.obj+');',10);
		}
	}else{
		if(p.y==by){
			if(mode==2&&cmode==1){
				if(o2){
					sc(o2,o2.c.up.src,o2.img);
				}else{
					sc(p,p.c.up.src,p.img);
				}
			}
		}else{
			// esta es la posicion x,y de la barra de close
			if(mode==2){
				//co.move(p.x+257,p.y+2);
				co.move(p.x,p.y);
			}else{
				//co.move(p.x+248,p.y+2);
				co.move(p.x,p.y);
			}
			co.show();
			inf(p.p);
		}
	}
}

function inf(o,e){
	if(o.df&&!e){
		for(var k=0;k<o.df.length;k++){
			o.df[k].move(o.df[k].dfx+o.x,o.df[k].dfy+o.y);
			o.df[k].show();
			o.df[k].t.show();
			o.df[k].t.write(gs(o.df[k]));
		}
	}else if(o.df&&e){
		for(var k=0;k<o.df.length;k++){
			o.df[k].hide();
			o.df[k].t.hide();
		}
		af(null);
	}
}

function af(o){
	for(var k=0;k<df.length;k++){
		df[k].active=false;
		df[k].t.write(gs(df[k]));
		cuo.hide();
	}
	if(o!=null){
		o.relayer();
		o.active=true;
		o.t.move(o.x+3,o.y+3);
		o.t.show();
		o.t.write(gs(o));
		o.t.relayer();
		cuo.move(o.t.x+o.t.w,o.t.y);
		cuo.show();
	}else{
		for(var k=0;k<df.length;k++){
			df[k].active=false;
			cuo.hide();
		}
	}
}

function gs(o){
	var v=o.t.value.substring(o.t.value.length-12,o.t.value.length);
	var tm='';
	if(o.t.id!='pt'){
		o.t.write('<nobr>'+f1+v+f2+'</nobr>');
		o.t.relayer();
	}else{
		for(var m=0;m<v.length;m++){
			tm+='*';
		}
		o.t.write('<nobr>'+f1+tm+f2+'</nobr>');
		o.t.relayer();
	}
	var u=1;
	while(o.w-tollerance<o.t.w&&o.t.value.length>0){
		v=v.substring(u,v.length);
		if(o.t.id!='pt'){
			o.t.write('<nobr>'+f1+v+f2+'</nobr>');
		}else{
			tm='';
			for(var m=0;m<v.length;m++){
				tm+='*';
			}
			o.t.write('<nobr>'+f1+tm+f2+'</nobr>');
		}
		o.t.relayer();
		u++;
	}
	if(o.t.id!='pt'){
		return f1+v+f2;
	}else{
		return f1+tm+f2;
	}
}

function fw(k){
	var o;
	for(var i=0;i<df.length;i++){
		if(df[i].active){
			o=df[i];
		}
	}
	if(k=='dl'){
		o.t.value=o.t.value.substring(0,o.t.value.length-1);
	}else if(k=='spc'&&o.t.value.charAt(o.t.value.length-1)!=' '){
		o.t.value+=' ';
	}else if(k!='spc'){
		o.t.value+=k;
	}
	o.t.write(gs(o));
	cuo.show();
	cuo.move(((o.t.value.charAt(o.t.value.length-1)!=' ')?o.t.x+o.t.w:o.t.x+o.t.w+5),o.t.y);
}

function ike(){
	d.onkeypress=kd;
	if(ie4||ie5){
		d.onkeydown=cb;
		for(var v=0;v<d.forms.length;v++){
			if(!d.forms[v].name=='twiiSearch'||!d.forms[v].name=='lycosSearch'){
				d.forms[v].onclick=new Function('h_p(false,false,true);');
			}
		}
	}
	if(ns4){
		d.captureEvents(Event.KEYPRESS);
	}
}

function cb(e){
	kk=event.keyCode;
	if(kk==8){
		var o=null;
		for(var i=0;i<df.length;i++){
			if(df[i].active){
				o=df[i];
			}
		}
		if(o==null){
			return true;
		}else{
			fw('dl');
			event.cancelBubble=true;
			return false;
		}
	}else{
		return true;
	}
}

function kd(e){
	b=false;
	for(var k=0;k<df.length;k++){
		if(df[k].active==true){
			b=true;
		}
	}
	if(b==false){
		return;
	}
	var kc;
	if(ns4){
		kc=e.which;
	}
	if(ie4||ie5){
		kc=event.keyCode;
	}
	if(ns6){
		kc=e.charCode;
		kc=(e.which!=8)?kc:8;
	}
	if(kc==8){
		fw('dl');
	}else if(kc==32){
		fw('spc');
	}else{
		if(lc(kc)){
			fw(String.fromCharCode(kc));
		}
	}
	return false;
}

function lc(k){
	ak=[64,46,45,95,43];
	if(k>=48&&k<=57){
		return true;
	}
	if(k>=65&&k<=90){
		return true;
	}
	if(k>=97&&k<=122){
		return true;
	}
	for(var i=0;i<ak.length;i++){
		if(ak[i]==k){
			return true;
		}
	}
	return false;
}


//
function validar()
{
	var resultado = false;

	if (((document.frmUsuario.login.value.length) > 4) &&
		((document.frmUsuario.password.value.length) > 4))
	{
		resultado = true;
	}
	else
	{
		alert("Por favor digite un usuario y clave validos");
	}
	
	return resultado;
}

function h_b(o,o2,d,f){

	if(!d){
		for(var i=0;i<bo.length;i++){
			if(bo[i].moving){
				if(!o2){
					setTimeout('h_p('+o.obj+');',100);
				}else{
					setTimeout('h_p('+o.obj+','+o2.obj+');',100);
				}
				return;
			}
		}
		var f=false;
		for(var i=0;i<bo.length;i++){
			if(bo[i].y!=by){
				f=true;
			}
		}
	}
	if(o.y==by&&!f){
		o.p.relayer();
		o.relayer();
		// doy la posicion del nuevo layer a mostrar
		ny=(mode==1)?by-o.p.h:by+o.p.h;// + 36;
		o.glide(o.x,o.y,o.x,ny,10);
		if(o2){
			o2.relayer();
			o2.glide(o2.x,o2.y,o2.x,ny,10);
			cl(o.p,o,o2,1);
		}else{
			cl(o.p,o,false,1);
		}
	}else if((o.y==by&&f)||d){
		for(var i=0;i<bo.length;i++){
			if(o.id!=bo[i].id||(o2&&o2.id!=bo[i].id)){
				bo[i].glide(bo[i].x,bo[i].y,bo[i].x,by,10);
				if(bo[i].p){
					if(bo[i].o2){
						cl(bo[i].p,bo[i],bo[i].o2,1);
					}else{
						cl(bo[i].p,bo[i],false,1);
					}
					inf(bo[i].p,1);
				}
				if(!o2&&!d){
					setTimeout('h_p('+o.obj+');',10);
				}else if(o2&&!d){
					setTimeout('h_p('+o.obj+','+o2.obj+');',10);
				}
			}
		}
	}
}