// libreria de plantillas de web sites prototipo 
// UPC - Direccion de Sistemas - dic 2002
// AChamo 2002
// plib.js
// Modificado por Juan Deza

var logotipo;

function simple(){
window.document.write('<table width="751" border="0" cellpadding="0" cellspacing="0" id="cabgraf">');
window.document.write('  <tr>');
window.document.write('    <td><img src="images/top-l.gif" width="290" height="20"><img src="images/top-c.gif" width="436" height="20"><img height=20 src="images/top-r.gif" width=25 border=0></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}

var archivo;
function dbanner(archivo){
largo=archivo.length;
extension=archivo.substring(largo-3,largo);
extension=extension.toUpperCase();

    switch(extension) {
                case 'SWF': {
                     publica='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" '+
					 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="531" height="38">'+
					 '<param name="movie" value="'+archivo+'">'+'<param name="quality" value="high">'+'<embed src="'+archivo+'" width="531" height="38" '+
					 'quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'+'</object>';
				             break;} 			
                case 'GIF': {
					 publica='<img src="'+archivo+'" width="531" height="38">';
				             break;}				
                case 'JPG': {
					 publica='<img src="'+archivo+'" width="531" height="38">';
				             break;}				
        } 


return publica;
}

function identif(porcentaje,titulo,dato){
bloque='<td width="'+porcentaje+'%" height="32" valign="top" ><div align="left"><span class="etdb">'+titulo+'</span><span class="etd"> '+dato+'</span> </div></td>';
return bloque;
}


function dlogo(logotipo){
/*
identifica='<td width="179" height="38"><div align="left"><img name="iso" src="'+logotipo+'" width="178" height="38" border="0" alt=""></div></td>';
*/
identifica='<div><img name="iso" src="'+logotipo+'" width="178" height="38" border="0" alt=""></div>';
return identifica;
}

var bloque;
function dbarraidentif(bloque){
identifica='<thead><tr>'+bloque+'</tr></thead>';
return identifica;
}

function muestra(bloque){
window.document.write(bloque);
}

// creación de tabs, como máximo acepta 9 opciones
// dcab(  tabs:numero de tabs,
//        op:opcion seleccionada,
//	  	  to1 ... to9: titulo corto de cada tab,
//		  lk1 ... lk9: vinculo o pagina web de destino  )
var banner;
function dcab1(logotipo,bloque,banner,tabs,op,to1,to2,to3,to4,to5,to6,to7,to8,to9,lk1,lk2,lk3,lk4,lk5,lk6,lk7,lk8,lk9){
        var nn,im; 
        inombre='tab'+tabs+op;iimg=inombre+'.gif';
// mapa de imagen 		
window.document.write('<map name="mapah">');
// capas con rotulos
        switch(tabs) {
                case 0: {break;} 			
                case 1: {c1=1;c2=0;c3=0;c4=0;c5=0;c6=0;c7=0;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="638,5,668,35,727,35,733,5" href="'+lk1+'" alt="" >');				
						break;}
                case 2: {c1=1;c2=1;c3=0;c4=0;c5=0;c6=0;c7=0;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="560,5,585,35,632,35,648,19,634,5" href="'+lk2+'" alt="" >');				
						break;}
                case 3: {c1=1;c2=1;c3=1;c4=0;c5=0;c6=0;c7=0;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="482,5,506,35,552,35,568,19,555,5" href="'+lk3+'" alt="" >');				
						break;}
                case 4: {c1=1;c2=1;c3=1;c4=1;c5=0;c6=0;c7=0;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="404,5,426,35,476,35,489,18,479,5" href="'+lk4+'" alt="" >');				
						break;}
                case 5: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=0;c7=0;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="326,5,347,35,395,35,411,19,400,5" href="'+lk5+'" alt="" >');				
						break;}
                case 6: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=0;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="246,5,266,35,315,35,331,19,320,5" href="'+lk6+'" alt="" >');				
						break;}
                case 7: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=1;c8=0;c9=0;
						window.document.write('<area shape="poly" coords="166,5,186,35,234,35,250,19,239,5" href="'+lk7+'" alt="" >');				
						break;}
                case 8: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=1;c8=1;c9=0;
						window.document.write('<area shape="poly" coords="84,5,103,34,153,36,169,20,161,5" href="'+lk8+'" alt="" >');				
						break;}
                case 9: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=1;c8=1;c9=1;
						window.document.write('<area shape="poly" coords="8,6,25,35,73,34,89,18,78,5" href="'+lk9+'" alt="" >');				
						break;}
        } 
window.document.write('</map>');

if (c1==1){
window.document.write('<div id="opcion1" style="position:absolute; left:660px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk1+'">'+to1+'</a></div></div>');
}
if (c2==1){
window.document.write('<div id="opcion2" style="position:absolute; left:580px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk2+'">'+to2+'</a></div></div>');
}
if (c3==1){
window.document.write('<div id="opcion3" style="position:absolute; left:500; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk3+'">'+to3+'</a></div></div>');
}
if (c4==1){
window.document.write('<div id="opcion4" style="position:absolute; left:420; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk4+'">'+to4+'</a></div></div>');
}
if (c5==1){
window.document.write('<div id="opcion5" style="position:absolute; left:340; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk5+'">'+to5+'</a></div></div>');
}
if (c6==1){
window.document.write('<div id="opcion6" style="position:absolute; left:270; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk6+'">'+to6+'</a></div></div>');
}
if (c7==1){
window.document.write('<div id="opcion7" style="position:absolute; left:180; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk7+'">'+to7+'</a></div></div>');
}
if (c8==1){
window.document.write('<div id="opcion8" style="position:absolute; left:105; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk8+'">'+to8+'</a></div></div>');
}
if (c9==1){
window.document.write('<div id="opcion9" style="position:absolute; left:20; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk9+'">'+to9+'</a></div></div>');
}
// zona de identificación y bienvenida
<!--- marco --->
/*                  window.document.write(simple());  */
window.document.write('<table width="751" border="0" cellpadding="0" cellspacing="0" id="cabgraf">');
window.document.write('  <tr>');
window.document.write('    <td><img src="images/top-l.gif" width="290" height="20"><img src="images/top-c.gif" width="436" height="20"><img height=20 src="images/top-r.gif" width=25 border=0></td>');
window.document.write('  </tr>');
window.document.write('</table>');			  
<!--- marco --->
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr> ');
window.document.write('    <td width="7" height="20" valign="top"><img src="images/brl.gif" width="10" height="120"></td>');
window.document.write('    <td width="730" valign="top" class="fndwhite"><table width="726" border="0" align="center" cellpadding="0" cellspacing="0">');
window.document.write('        <tr> ');
window.document.write('          <td colspan="4"><img name="btop" src="images/btop.gif" width="726" height="10" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td width="8" rowspan="2"><img name="bleft" src="images/bleft.gif" width="8" height="73" border="0" alt=""></td>');
<!-- isotipo -->
                  window.document.write('<td>'+dlogo(logotipo)+'</td>');
<!-- isotipo -->
window.document.write('          <td width="534">');
<!---- banner ---->
                  window.document.write(dbanner(banner));
<!---- banner ---->				  
window.document.write('          </td>');
window.document.write('          <td width="5" rowspan="2" align="left"><img name="bright" src="images/bright.gif" width="9" height="73" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td colspan="2">');
window.document.write('             <table  width="98%" border="0" cellpadding="3" cellspacing="1">');
<!-- ----- información a mostrar ---- >
                  window.document.write(dbarraidentif(bloque));
<!-- ----- información a mostrar ---- >
window.document.write('            </table>');
window.document.write('          </td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
<!-- tabs --->
window.document.write('          <td colspan="4"><img name="'+inombre+'" src="images/'+iimg+'" width="726" height="35" border="0" usemap="#mapah" ></td>');
<!-- tabs --->
window.document.write('        </tr>');
window.document.write('      </table></td>');
window.document.write('    <td width="13" align="right" valign="top" bgcolor="#CCCCCC"><img src="images/tbr.gif" width="15" height="120"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}


function dcab6(logotipo,bloque,banner,tabs,op,to1,to2,to3,to4,to5,to6,lk1,lk2,lk3,lk4,lk5,lk6){
        var nn,im; 
        inombre='t'+tabs+'-'+op;iimg=inombre+'.gif';
// mapa de imagen 		
window.document.write('<map name="mapah">');
// capas con rotulos


        switch(tabs) {
                case 0: {break;} 			
                case 1: {c1=1;c2=0;c3=0;c4=0;c5=0;c6=0;							
						window.document.write('<area shape="poly" coords="584,0,612,35,679,35,709,0"  href="'+lk1+'" alt="" >');				
						break;}
                case 2: {c1=1;c2=1;c3=0;c4=0;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="470,0,493,35,561,35,586,5,582,0" href="'+lk2+'" alt="" >');				
						break;}
                case 3: {c1=1;c2=1;c3=1;c4=0;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="355,0,378,35,444,35,473,7,467,0" href="'+lk3+'" alt="" >');				
						break;}
                case 4: {c1=1;c2=1;c3=1;c4=1;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="238,0,262,35,331,35,356,6,355,0" href="'+lk4+'" alt="" >');				
						break;}
                case 5: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=0;
						window.document.write('<area shape="poly" coords="120,0,144,35,212,35,238,5,234,0" href="'+lk5+'" alt="" >');				
						break;}
                case 6: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;
						window.document.write('<area shape="poly" coords="0,0,27,35,95,35,122,6,119,0" href="'+lk6+'" alt="" >');				

						break;}
        } 
window.document.write('</map>');

if (c1==1){
window.document.write('<div id="opcion1" style="position:absolute; left:600px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk1+'">'+to1+'</a></div></div>');
}
if (c2==1){
window.document.write('<div id="opcion2" style="position:absolute; left:480px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk2+'">'+to2+'</a></div></div>');
}
if (c3==1){
window.document.write('<div id="opcion3" style="position:absolute; left:380; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk3+'">'+to3+'</a></div></div>');
}
if (c4==1){
window.document.write('<div id="opcion4" style="position:absolute; left:250; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk4+'">'+to4+'</a></div></div>');
}
if (c5==1){
window.document.write('<div id="opcion5" style="position:absolute; left:140; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk5+'">'+to5+'</a></div></div>');
}
if (c6==1){
window.document.write('<div id="opcion6" style="position:absolute; left:20; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk6+'">'+to6+'</a></div></div>');
}

// zona de identificación y bienvenida
<!--- marco --->
/*                  window.document.write(simple());  */
window.document.write('<table width="751" border="0" cellpadding="0" cellspacing="0" id="cabgraf">');
window.document.write('  <tr>');
window.document.write('    <td><img src="images/top-l.gif" width="290" height="20"><img src="images/top-c.gif" width="436" height="20"><img height=20 src="images/top-r.gif" width=25 border=0></td>');
window.document.write('  </tr>');
window.document.write('</table>');			  
<!--- marco --->
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr> ');
window.document.write('    <td width="7" height="20" valign="top"><img src="images/brl.gif" width="10" height="120"></td>');
window.document.write('    <td width="730" valign="top" class="fndwhite"><table width="726" border="0" align="center" cellpadding="0" cellspacing="0">');
window.document.write('        <tr> ');
window.document.write('          <td colspan="4"><img name="btop" src="images/btop.gif" width="726" height="10" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td width="8" rowspan="2"><img name="bleft" src="images/bleft.gif" width="8" height="73" border="0" alt=""></td>');
<!-- isotipo -->
                  window.document.write('<td>'+dlogo(logotipo)+'</td>');
<!-- isotipo -->
window.document.write('          <td width="534">');
<!---- banner ---->
                  window.document.write(dbanner(banner));
<!---- banner ---->				  
window.document.write('          </td>');
window.document.write('          <td width="5" rowspan="2" align="left"><img name="bright" src="images/bright.gif" width="9" height="73" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td colspan="2">');
window.document.write('             <table  width="98%" border="0" cellpadding="3" cellspacing="1">');
<!-- ----- información a mostrar ---- >
                  window.document.write(dbarraidentif(bloque));
<!-- ----- información a mostrar ---- >
window.document.write('            </table>');
window.document.write('          </td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
<!-- tabs --->
window.document.write('          <td colspan="4"><img name="'+inombre+'" src="images/'+iimg+'" width="726" height="35" border="0" usemap="#mapah" ></td>');
<!-- tabs --->
window.document.write('        </tr>');
window.document.write('      </table></td>');
window.document.write('    <td width="13" align="right" valign="top" bgcolor="#CCCCCC"><img src="images/tbr.gif" width="15" height="120"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}

function dcab5(logotipo,bloque,banner,tabs,op,to1,to2,to3,to4,to5,lk1,lk2,lk3,lk4,lk5){
        var nn,im; 
        inombre='t'+tabs+'-'+op;iimg=inombre+'.gif';
// mapa de imagen 		
window.document.write('<map name="mapah">');
// capas con rotulos


        switch(tabs) {
                case 0: {break;} 			
                case 1: {c1=1;c2=0;c3=0;c4=0;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="549,0,582,35,662,35,692,0"  href="'+lk1+'" alt="" >');				
						break;}
                case 2: {c1=1;c2=1;c3=0;c4=0;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="404,0,440,35,524,35,549,0,447,0" href="'+lk2+'" alt="" >');				
						break;}
                case 3: {c1=1;c2=1;c3=1;c4=0;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="267,0,299,35,380,35,409,7,400,0" href="'+lk3+'" alt="" >');				
						break;}
                case 4: {c1=1;c2=1;c3=1;c4=1;c5=0;c6=0;
						window.document.write('<area shape="poly" coords="132,0,160,35,244,35,269,6,264,0" href="'+lk4+'" alt="" >');				
						break;}
                case 5: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=0;
						window.document.write('<area shape="poly" coords="0,0,27,35,106,35,132,5,128,0" href="'+lk5+'" alt="" >');				
						break;}

        } 
window.document.write('</map>');

if (c1==1){
window.document.write('<div id="opcion1" style="position:absolute; left:580px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk1+'">'+to1+'</a></div></div>');
}
if (c2==1){
window.document.write('<div id="opcion2" style="position:absolute; left:450px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk2+'">'+to2+'</a></div></div>');
}
if (c3==1){
window.document.write('<div id="opcion3" style="position:absolute; left:305; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk3+'">'+to3+'</a></div></div>');
}
if (c4==1){
window.document.write('<div id="opcion4" style="position:absolute; left:165; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk4+'">'+to4+'</a></div></div>');
}
if (c5==1){
window.document.write('<div id="opcion5" style="position:absolute; left:35; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk5+'">'+to5+'</a></div></div>');
}


// zona de identificación y bienvenida
<!--- marco --->
/*                  window.document.write(simple());  */
window.document.write('<table width="751" border="0" cellpadding="0" cellspacing="0" id="cabgraf">');
window.document.write('  <tr>');
window.document.write('    <td><img src="images/top-l.gif" width="290" height="20"><img src="images/top-c.gif" width="436" height="20"><img height=20 src="images/top-r.gif" width=25 border=0></td>');
window.document.write('  </tr>');
window.document.write('</table>');			  
<!--- marco --->
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr> ');
window.document.write('    <td width="7" height="20" valign="top"><img src="images/brl.gif" width="10" height="120"></td>');
window.document.write('    <td width="730" valign="top" class="fndwhite"><table width="726" border="0" align="center" cellpadding="0" cellspacing="0">');
window.document.write('        <tr> ');
window.document.write('          <td colspan="4"><img name="btop" src="images/btop.gif" width="726" height="10" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td width="8" rowspan="2"><img name="bleft" src="images/bleft.gif" width="8" height="73" border="0" alt=""></td>');
<!-- isotipo -->
                  window.document.write('<td>'+dlogo(logotipo)+'</td>');
<!-- isotipo -->
window.document.write('          <td width="534">');
<!---- banner ---->
                  window.document.write(dbanner(banner));
<!---- banner ---->				  
window.document.write('          </td>');
window.document.write('          <td width="5" rowspan="2" align="left"><img name="bright" src="images/bright.gif" width="9" height="73" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td colspan="2">');
window.document.write('             <table  width="98%" border="0" cellpadding="3" cellspacing="1">');
<!-- ----- información a mostrar ---- >
                  window.document.write(dbarraidentif(bloque));
<!-- ----- información a mostrar ---- >
window.document.write('            </table>');
window.document.write('          </td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
<!-- tabs --->
window.document.write('          <td colspan="4"><img name="'+inombre+'" src="images/'+iimg+'" width="726" height="35" border="0" usemap="#mapah" ></td>');
<!-- tabs --->
window.document.write('        </tr>');
window.document.write('      </table></td>');
window.document.write('    <td width="13" align="right" valign="top" bgcolor="#CCCCCC"><img src="images/tbr.gif" width="15" height="120"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}
		
function dcab(tabs,op,to1,to2,to3,to4,to5,to6,to7,to8,to9,lk1,lk2,lk3,lk4,lk5,lk6,lk7,lk8,lk9){
        var nn,im; 
        inombre='tab'+tabs+op;iimg=inombre+'.gif';
// mapa de imagen 		
window.document.write('<map name="mapah">');
window.document.write('<area shape="poly" coords="8,6,25,35,73,34,89,18,78,5" href="'+lk9+'" alt="" >');
window.document.write('<area shape="poly" coords="84,5,103,34,153,36,169,20,161,5" href="'+lk8+'" alt="" >');
window.document.write('<area shape="poly" coords="166,5,186,35,234,35,250,19,239,5" href="'+lk7+'" alt="" >');
window.document.write('<area shape="poly" coords="246,5,266,35,315,35,331,19,320,5" href="'+lk6+'" alt="" >');
window.document.write('<area shape="poly" coords="326,5,347,35,395,35,411,19,400,5" href="'+lk5+'" alt="" >');
window.document.write('<area shape="poly" coords="404,5,426,35,476,35,489,18,479,5" href="'+lk4+'" alt="" >');
window.document.write('<area shape="poly" coords="482,5,506,35,552,35,568,19,555,5" href="'+lk3+'" alt="" >');
window.document.write('<area shape="poly" coords="560,5,585,35,632,35,648,19,634,5" href="'+lk2+'" alt="" >');
window.document.write('<area shape="poly" coords="638,5,668,35,727,35,733,5" href="'+lk1+'" alt="" >');
window.document.write('</map>');
// capas con rotulos
        switch(tabs) {
                case 0: {break;} 			
                case 1: {c1=1;c2=0;c3=0;c4=0;c5=0;c6=0;c7=0;c8=0;c9=0;break;}				
                case 2: {c1=1;c2=1;c3=0;c4=0;c5=0;c6=0;c7=0;c8=0;c9=0;break;}				
                case 3: {c1=1;c2=1;c3=1;c4=0;c5=0;c6=0;c7=0;c8=0;c9=0;break;}
                case 4: {c1=1;c2=1;c3=1;c4=1;c5=0;c6=0;c7=0;c8=0;c9=0;break;}
                case 5: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=0;c7=0;c8=0;c9=0;break;}			
                case 6: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=0;c8=0;c9=0;break;}
                case 7: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=1;c8=0;c9=0;break;}
                case 8: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=1;c8=1;c9=0;break;}
                case 9: {c1=1;c2=1;c3=1;c4=1;c5=1;c6=1;c7=1;c8=1;c9=1;break;}
        } 

if (c1==1){
window.document.write('<div id="opcion1" style="position:absolute; left:660px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk1+'">'+to1+'</a></div></div>');
}
if (c2==1){
window.document.write('<div id="opcion2" style="position:absolute; left:580px; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk2+'">'+to2+'</a></div></div>');
}
if (c3==1){
window.document.write('<div id="opcion3" style="position:absolute; left:500; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk3+'">'+to3+'</a></div></div>');
}
if (c4==1){
window.document.write('<div id="opcion4" style="position:absolute; left:420; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk4+'">'+to4+'</a></div></div>');
}
if (c5==1){
window.document.write('<div id="opcion5" style="position:absolute; left:340; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk5+'">'+to5+'</a></div></div>');
}
if (c6==1){
window.document.write('<div id="opcion6" style="position:absolute; left:260; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk6+'">'+to6+'</a></div></div>');
}
if (c7==1){
window.document.write('<div id="opcion7" style="position:absolute; left:180; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk7+'">'+to7+'</a></div></div>');
}
if (c8==1){
window.document.write('<div id="opcion8" style="position:absolute; left:100; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk8+'">'+to8+'</a></div></div>');
}
if (c9==1){
window.document.write('<div id="opcion9" style="position:absolute; left:20; top:122px; width:72; height:27; z-index:6; visibility: visible;" class="etdb"> ');
window.document.write('<div align="center"> <a class=vintabs href="'+lk9+'">'+to9+'</a></div></div>');
}
// zona de identificación y bienvenida
window.document.write('<table width="751" border="0" cellpadding="0" cellspacing="0" id="cabgraf">');
window.document.write('  <tr>');
window.document.write('    <td><img src="images/top-l.gif" width="290" height="20"><img src="images/top-c.gif" width="436" height="20"><img height=20 src="images/top-r.gif" width=25 border=0></td>');
window.document.write('  </tr>');
window.document.write('</table>');
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr> ');
window.document.write('    <td width="7" height="20" valign="top"><img src="images/brl.gif" width="10" height="120"></td>');
window.document.write('    <td width="730" valign="top" class="fndwhite"><table width="726" border="0" align="center" cellpadding="0" cellspacing="0">');
window.document.write('        <tr> ');
window.document.write('          <td colspan="4"><img name="btop" src="images/btop.gif" width="726" height="10" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td width="8" rowspan="2"><img name="bleft" src="images/bleft.gif" width="8" height="73" border="0" alt=""></td>');
window.document.write('          <td width="179" height="38"><img name="iso" src="images/iso.gif" width="178" height="39" border="0" alt=""></td>');
window.document.write('          <td width="534"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="531" height="39">');
window.document.write('              <param name="movie" value="images/banupc1.swf">');
window.document.write('              <param name="quality" value="high">');
window.document.write('              <embed src="images/banupc1.swf" width="531" height="39" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> ');
window.document.write('            </object></td>');
window.document.write('          <td width="5" rowspan="2" align="left"><img name="bright" src="images/bright.gif" width="9" height="73" border="0" alt=""></td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td colspan="2"><table  width="98%" border="0" cellpadding="3" cellspacing="1">');
<!-- ----- información a mostrar ---- >
window.document.write('              <thead>');
window.document.write('                <tr> ');
window.document.write('                  <td width="32%" height="32" valign="top" ><div align="left"><span class="etdb">Usuario:</span><span class="etd"> ');
window.document.write('                      (Docente)</span><span class="etdb"> </span><span class="etd"></span><span class="etd"> ');
window.document.write('                      <br>');
window.document.write('                      Alfredo Chamochumbi García de la Arena</span> </div></td>');
window.document.write('                  <td width="12%" valign="top" ><div align="center"><span class="etdb">Modalidad:</span> ');
window.document.write('                      <span class="etd"><br>');
window.document.write('                      I</span></div></td>');
window.document.write('                  <td width="10%" valign="top" ><div align="center"><span class="etdb">Ciclo:</span> ');
window.document.write('                      <span class="etd"><br>');
window.document.write('                      I</span></div></td>');
window.document.write('                  <td width="20%" valign="top" ><div align="center"><span class="etdb">Periodo ');
window.document.write('                      Académico:</span> <span class="etd"><br>');
window.document.write('                      II Semestre</span></div></td>');
window.document.write('                  <td width="19%" valign="top" ><div align="right"><span class="etdb">Fecha:</span><span class="etd"><br>');
window.document.write('                      05.11.2002</span></div></td>');
window.document.write('                </tr>');
window.document.write('              </thead>');
<!-- ----- información a mostrar ---- >
window.document.write('            </table>');
window.document.write('            </td>');
window.document.write('        </tr>');
window.document.write('        <tr> ');
window.document.write('          <td colspan="4"><img name="'+inombre+'" src="images/'+iimg+'" width="726" height="35" border="0" usemap="#mapah" ></td>');
window.document.write('        </tr>');
window.document.write('      </table></td>');
window.document.write('    <td width="13" align="right" valign="top" bgcolor="#CCCCCC"><img src="images/tbr.gif" width="15" height="118"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}
// -- zona de referencia del objeto --
// zref(porcentaje de espacio asignado al rotulo del objeto,rotulo del objeto, texto de referencia, altura estimada)
function  zref(porcent1,txtobj,txtref,alto){
/* estilos utilizados */
/* td, fndwhite, txtobj1, txtref1 */

porcent2=100-porcent1;
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+alto+'"></td>');
window.document.write('    <td width="709" valign="top" class="fndwhite">');
window.document.write('	   <table width="100%"  height="'+alto+'" border="0" cellpadding="2" cellspacing="2">');
window.document.write('        <tr>');
window.document.write('          <td width="'+porcent1+'%" align="left" valign="middle" class="txtobj1">'+txtobj+'</td>');
window.document.write('          <td width="'+porcent2+'%" align="left" valign="middle" class="txtref1">'+txtref+'</td>');
window.document.write('        </tr>');
window.document.write('      </table></td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+alto+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}

//-- solo separa con imagenes la zona indicada -- // 
/*
 requiere que se incluya en la pagina 
 <SCRIPT language=JavaScript src="mmenu.js"> </SCRIPT> 
*/
function  zonamenudesp(largodet){
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+largodet+'"></td>');
window.document.write('    <td width="709" valign="bottom" class="fndwhite">');
<!-->
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+largodet+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}

var imagen;
function  zonamenudesp1(imagen,largodet){
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+largodet+'"></td>');
window.document.write('    <td width="709" valign="bottom" class="fndwhite">');
<!-->
window.document.write(dlogo(imagen));
<!-->
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+largodet+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}
<!-- --------------------------->
function  zonamenudesp2(imagen,largodet,banner){
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/upc/border-left.gif" width="22" height="'+largodet+'"></td>');
window.document.write('    <td valign="bottom" class="fndwhite">');
<!-->
window.document.write(dlogo(imagen));
<!-->
window.document.write('    </td>');
window.document.write('    <td width="534">');
<!---- banner ---->
                  window.document.write(dbanner(banner));
<!---- banner ---->				  
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/upc/brd-right.gif" width="20" height="'+largodet+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}
<!-- --------------------------->
// espacio reservado para detalle
function  bordetalle(largodet){
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+largodet+'"></td>');
window.document.write('    <td width="709" valign="bottom" class="fndwhite">');
<!-->
window.document.write('  <div><p>colocar detalle aqui</p></div>');
<!-->  
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+largodet+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}
<!-- --------------------------->
<!-- rotulo del banner de funcion-------------------------->
<!-- requiere necesariamente la siguiente instruccion en el tag <BODY onload="bannerfuncion('input', 'alumnos')">  --->
<!-- donde 'alumnos' es el rotulo que puede cambiarse en este ejemplo-->
<!-- publicacion del banner de funcion-------------------->
function bannerfuncionobj(a,b){
pelicula="images/banfun.swf"
window.document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
window.document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0"');
window.document.write(' ID=infotxt WIDTH=709 HEIGHT=60>');
window.document.write(' <PARAM NAME=movie VALUE='+pelicula+'> ');
window.document.write(' <PARAM NAME=quality VALUE=high> ');
window.document.write(' <PARAM NAME=bgcolor VALUE=#cccccc> ');
window.document.write(' <EMBED name="infotxt" src='+pelicula+' quality=high bgcolor=#cccccc  WIDTH=709 HEIGHT=60 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>');
window.document.write('</OBJECT>');
window.document.infotxt.SetVariable(a,b);
}
<!-- ---------------------------------------------------->
function zonabannerfuncion(fondocolor,largodet,rotulo,texto){
/* Estilos utilizados */
/* fndwhite, td, fndpanel1, txtref1w */
/* largodet: altura de los gráficos laterales (bordes) */
/* rotulo: texto del banner (animación) */
/* texto: texto de información resumida (sección de información resumida) */
a='input';
pelicula="images/banfun.swf"
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+largodet+'"></td>');
window.document.write('    <td width="709" valign="bottom" class="fndwhite">');
<!-- -->
window.document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
window.document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0"');
window.document.write(' ID=infotxt WIDTH=709 HEIGHT='+largodet+'>');
window.document.write(' <PARAM NAME=movie VALUE='+pelicula+'> ');
window.document.write(' <PARAM NAME=quality VALUE=high> ');
window.document.write(' <PARAM NAME=bgcolor VALUE=#'+fondocolor+'> ');
window.document.write(' <EMBED name="infotxt" src='+pelicula+' quality=high bgcolor=#'+fondocolor+' WIDTH=709 HEIGHT='+largodet+'TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>');
window.document.write('</OBJECT>');
<!-- -->
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+largodet+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');

window.document.infotxt.SetVariable(a,rotulo);
<!-- breve referencia -------------- >
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+"18"+'"></td>');
window.document.write('    <td width="709" align="right" valign="middle" class="fndpanel1"><span class="txtref1w">'+texto+'&nbsp;&nbsp;'+'</span>');
<!-- -->
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+"18"+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}
<!-- ---------------------------------------------------->
function piedepagina(largodet){
/* Estilos utilizados */
/* TD, fndbase,back2, fndpanel1, a, fndwhite, txtres3 */
<!-- parte alta --->
<!-- parte media -->
window.document.write('<table border="0" cellpadding="0" cellspacing="0" width="753">');
window.document.write('  <tr> ');
window.document.write('    <td width="22" rowspan="5"><img name="cb2iz" src="images/cb2iz.gif" width="22" height="55" border="0" alt=""></td>');
window.document.write('    <td colspan="4"><img name="cb2top" src="images/cb2top.gif" width="709" height="14" border="0" alt=""></td>');
window.document.write('    <td width="21" rowspan="5"  class="fndback"><img name="cb2der" src="images/cb2der.gif" width="20" height="55" border="0" alt=""></td>');
window.document.write('    <td width="1" class="fndback"><img src="images/spacer.gif" width="1" height="14" border="0" alt=""></td>');
window.document.write('  </tr>');
window.document.write('  <tr> ');
window.document.write('    <td width="253" rowspan="3"><img name="cb2re" src="images/cb2re.gif" width="253" height="29" border="0" alt=""></td>');
window.document.write('    <td width="13" rowspan="3"><img name="cb2cuiz" src="images/cb2cuiz.gif" width="13" height="29" border="0" alt=""></td>');
window.document.write('    <td width="434"><img name="cb2centop" src="images/cb2centop.gif" width="434" height="8" border="0" alt=""></td>');
window.document.write('    <td width="9" rowspan="3"><img name="cb2cuder" src="images/cb2cuder.gif" width="9" height="29" border="0" alt=""></td>');
window.document.write('    <td class="fndback"><img src="images/spacer.gif" width="1" height="8" border="0" alt=""></td>');
window.document.write('  </tr>');
window.document.write('  <tr> ');
window.document.write('	<td >');
<!-- links generales --> 
window.document.write('	   <table width="434" height="15" border="0" cellpadding="0" cellspacing="0">');
window.document.write('	        <tr> ');
window.document.write('	          <td width="50%" class="fndpanel1"><div align="center"><a class=NArialSP href="http://www.upc.edu.pe">Web UPC</a></div></td>');
window.document.write('	          <td width="50%" class="fndpanel1"><div align="center"><a class=NArialSP href="http://intranet.upc.edu.pe">&nbsp;&nbsp;Sócrates</a></div></td>');
window.document.write('	        </tr>');
window.document.write('	   </table>');
<!-- links generales -->
window.document.write('	</td>');	

window.document.write('    <td class="fndback"><img src="images/spacer.gif" width="1" height="15" border="0" alt=""></td>');
window.document.write('  </tr>');
window.document.write('  <tr> ');
window.document.write('    <td><img name="cb2cenbot" src="images/cb2cenbot.gif" width="434" height="6" border="0" alt=""></td>');
window.document.write('    <td class="fndback"><img src="images/spacer.gif" width="1" height="6" border="0" alt=""></td>');
window.document.write('  </tr>');
window.document.write('  <tr> ');
window.document.write('    <td colspan="4"><img name="cb2bot" src="images/cb2bot.gif" width="709" height="12" border="0" alt=""></td>');
window.document.write('    <td class="fndback"><img src="images/spacer.gif" width="1" height="12" border="0" alt=""></td>');
window.document.write('  </tr>');
window.document.write('</table>');
<!-- parte baja --->
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr>');
window.document.write('    <td width="22"><img src="images/border-left.gif" width="22" height="'+largodet+'"></td>');
window.document.write('    <td width="709" valign="bottom" class="fndwhite">');
<!-- rotulos del pie de página ---->
window.document.write('  <table width="701" border="0" cellspacing="1" cellpadding="1">');
window.document.write('    <tr> ');
window.document.write('      <td width="10" class="txtres3">&nbsp;</td>');
window.document.write('      <td width="357" align="left" valign="middle" class="txtres3"><div align="left">');
window.document.write('          Bolsa de Trabajo</div></td>');
window.document.write('      <td width="361" align="left" valign="middle" class="txtres3"><div align="right">Direcci&oacute;n ');
window.document.write('          de Sistemas - 2003</div></td>');
window.document.write('      <td width="10" align="left" valign="middle" class="txtres3">&nbsp;</td>');
window.document.write('    </tr>');
window.document.write('  </table>');
<!-- rotulos del pie de página ---->
window.document.write('    </td>');
window.document.write('    <td width="20"><img src="images/brd-right.gif" width="20" height="'+largodet+'"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
<!-- borde final --->
window.document.write('<table width="751" border="0" cellspacing="0" cellpadding="0">');
window.document.write('  <tr> ');
window.document.write('    <td width="25"><img src="images/cbizq.gif" width="25" height="33"></td>');
window.document.write('    <td width="715"><img src="images/cbcen.gif" width="701" height="33"></td>');
window.document.write('    <td width="8"><img src="images/cbder.gif" width="25" height="33"></td>');
window.document.write('  </tr>');
window.document.write('</table>');
}

/*  cabeceras de celdas, celdas de rotulos estaticos, titulos de campos en formularios */
function info1(texto,ialto){
iancho=200;
window.document.write('<table height="'+ialto+'" width="'+iancho+'" border="0" cellpadding="0" cellspacing="0">');
window.document.write('<thead ><tr><td  align="center"  valign="top" class="celda1"><div align="left">'+texto+'</div></td></tr></thead>');
window.document.write('</table>');
}
/*  cabeceras de celdas, celdas de rotulos estaticos, titulos de campos en formularios */
function info2(texto,ialto,iancho){
window.document.write('<table height="'+ialto+'" width="'+iancho+'" border="0" cellpadding="0" cellspacing="0">');
window.document.write('<thead ><tr><td  align="center"  valign="top" class="celda1">'+texto+'</td></tr></thead>');
window.document.write('</table>');
}