// Títulos y Menú para Página de Sagope
// Funciones para los menúes
var desplegado=null;
var iluminado=null;
function pinchaEnlace(casilla, menu) {
	if(desplegado != null && desplegado != menu){
		casilla.className='tabla_encima'; 
		menu.style.display='';
		desplegado.style.display='none';
		iluminado.className='tabla';
		iluminado=casilla;
		desplegado=menu;
	}
	else {
		casilla.className='tabla_encima'; 
		menu.style.display='';
		desplegado=menu;
		iluminado=casilla;
	}
}
function sobreEnlace(casilla){ casilla.style.cursor='hand'; casilla.className='tabla_encima';}
function fueraEnlace(casilla){ 
	if(iluminado == null || iluminado != casilla){
		casilla.style.cursor='default'; casilla.className='tabla';
	}
}

var dayarray=new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sabado");
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
function getthedate(){
	var mydate=new Date();
	var year=mydate.getYear();
	if (year < 1000)
		year+=1900;
	var day=mydate.getDay();
	var month=mydate.getMonth();
	var daym=mydate.getDate();
	if (daym<10)
		daym="0"+daym;
	var hours=mydate.getHours();
	var minutes=mydate.getMinutes();
	var seconds=mydate.getSeconds();
	var dn="AM";
	if (hours>=12)
		dn="PM";
	if (hours>12){
		hours=hours-12;
	}

		 d = new Date();
 		Time24H = new Date();
		Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
		InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
		if (InternetTime < 10) InternetTime = '00'+InternetTime;
		else if (InternetTime < 100) InternetTime = '0'+InternetTime;

	if (hours==0)
		hours=12;
	if (minutes<=9)
		minutes="0"+minutes;
	if (seconds<=9)
		seconds="0"+seconds;
	//change font size here
	var cdate=dayarray[day]+", "+daym+" de "+montharray[month]+" de "+year+" "+hours+":"+minutes+":"+seconds+" "+dn;
	if (document.all)
		document.all.clock.innerHTML=cdate;
	else if (document.getElementById)
		document.getElementById("clock").innerHTML=cdate;
	else
		document.write(cdate);
}
//if (!document.all&&!document.getElementById)
		//getthedate();
function iniciar_reloj(){
	if (document.all||document.getElementById)
		setInterval("getthedate()",1000);
}
window.onload=iniciar_reloj;


// Cabecera de las páginas
var cabecera='<table width="100%" border="0" cellspacing="0" cellpadding="0">\
          <tr>\
            <td width="191" background="http://www.terra.es/personal/sagope/imagen/tit_izq.gif">&nbsp;</td>\
            <td width="248" bgcolor="#000000"><img src="http://www.terra.es/personal/sagope/imagen/sagope.gif" width="244" height="87"></td>\
            <td width="48" background="http://www.terra.es/personal/sagope/imagen/tit_der.gif">&nbsp;</td>\
            <td width="293"><table width="100%" border="0" cellspacing="3" cellpadding="0">\
                <tr><td height="5"></td></tr>\
                <tr><td><div align="right">\
                      <table width="64%" border="0" cellpadding="0" cellspacing="0" background="http://www.terra.es/personal/sagope/imagen/usu_bck.gif">\
                        <form name="form1" method="post" action="http://usuarios.lycos.es/sagope/foro/foro.php" target="_blank">\
                        <tr>\
                          <td width="15%" rowspan="2" ><div align="right"></div></td>\
                          <td width="29%" class="tabla_cabecera"><div align="right">Usuario</div></td>\
                          <td width="40%" bgcolor="#000000">\
                              <input name="usuario" type="text" class="entradas" id="usuario" size="10">\
                            </td><td width="16%" rowspan="2">&nbsp;</td>\
                        </tr><tr>\
                          <td class="tabla_cabecera"><div align="right">Password</div></td>\
                          <td bgcolor="#000000"><input name="password" type="password" class="entradas" id="password" size="10"><input type="submit" value="Ir" class="entradas"></</td>\
                        </tr></form></table></div></td></tr><tr>\
                  <td height="5"></td>\
                </tr></table></td></tr>\
          <tr><td bgcolor="#000000" colspan="4"><table width="100%" border="0" cellspacing="1" cellpadding="1">\
                <tr><td class="tabla"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="tabla"><span id="clock"></span></td> <td class="tabla"><div align="right"><a href="http://www.terra.es/personal/sagope/index.html"><img src="http://www.terra.es/personal/sagope/imagen/inicio.gif" width="13" height="13" border="0"> INICIO</a> \
                       |  <a href="http://www.terra.es/personal/sagope/utilidades/buscadores.html"><img border=0 src="http://www.terra.es/personal/sagope/imagen/buscador.gif" width="13" height="13"> BUSCADOR</a>  \
                      |  <a href="http://www.terra.es/personal/sagope/chatforo/chat.html"><img border=0 src="http://www.terra.es/personal/sagope/imagen/chat.gif" width="16" height="13"> \
                      CHAT</a>  |  <a href="http://www.terra.es/personal/sagope/chatforo/foro.html" target="_blank"><img border=0 src="http://www.terra.es/personal/sagope/imagen/foro.gif" width="11" height="11"> \
                      FORO</a>  |   <a href="mailto:sagope@teleline.es?subject=%27duda%20sagope%27"><img src="http://www.terra.es/personal/sagope/imagen/ayuda.gif" border="0" width="13" height="13"> DUDAS</a> </div></td>\
                </tr></table></td></tr></table></td></tr></table>';

// El Menu
var menu='<table width="100%" border="0" cellspacing="1" cellpadding="3"><tr>\
                  <td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);" onmousedown="pinchaEnlace(this, fotos);"> \
                    <img src="http://www.terra.es/personal/sagope/imagen/foto.gif" border="0" width="34" height="34">\
                    <br>FOTOS <div id="fotos" style="DISPLAY: none">\
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">\
                        <tr> <td class="tabla_cabecera"><table width="100%" border="0" cellspacing="1" cellpadding="0">\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/fotos/facultad.html">Facultad</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://club.telepolis.com/sagope/colegio.html">Mª Auxiliadora</A></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/fotos/tid/tid.html">TID</a></td></tr>\
			      <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.clayformacion.com/fiestasclay/index.jsp">Fiestas Clay</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/fotos/fiestas.html">Fiestas Nocturnas</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/fotos/viajes.html">Viajes</a></td></tr>\
			      <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/fotos/gimnasio.html">Gimnasio</a></td></tr>\
                            </table></td></tr></table></div></td></tr>\
                <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);" onmousedown="pinchaEnlace(this, informatica);"> \
                    <img src="http://www.terra.es/personal/sagope/imagen/informatica.gif" width="40" height="37"><br>\
                    INFORMATICA<div id="informatica" style="DISPLAY: none">\
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">\
                        <tr><td class="tabla_cabecera"><table width="100%" border="0" cellspacing="1" cellpadding="0">\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/1itis.html">1º ITIS</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/2itis.html">2º ITIS</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/3itis.html">3º ITIS</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/1isi.html">1º ISI</a></td></tr>\
							  <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/2isi.html">2º ISI</a></td></tr>\
							  <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/oposicion.html">Oposiciones</a></td></tr>\
							  <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/informatica/otros.html">Otros trabajos</a></td></tr>\
                            </table></td></tr></table></div></td></tr>\
                <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);" onmousedown="pinchaEnlace(this, curiosidades);"><img src="http://www.terra.es/personal/sagope/imagen/tele.gif" width="35" height="33"><br>\
                    CURIOSIDADES<div id="curiosidades" style="DISPLAY: none"><table width="100%" border="0" cellspacing="0" cellpadding="0">\
                        <tr><td class="tabla_cabecera"><table width="100%" border="0" cellspacing="1" cellpadding="0">\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://usuario.tiscali.es/sagope/CURIOSO/curiosidades.html">Cosas curiosas</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/curiosidades/videoclips.html">Trailers y videos</a></td></tr>\
                            </table></td></tr></table></div></td></tr>\
                <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);" onmousedown="pinchaEnlace(this, chat);"><img src="http://www.terra.es/personal/sagope/imagen/chat2.gif" width="39" height="36"> \
                    <br>CHAT Y FORO<div id="chat" style="DISPLAY: none"><table width="100%" border="0" cellspacing="0" cellpadding="0">\
                        <tr><td class="tabla_cabecera"><table width="100%" border="0" cellspacing="1" cellpadding="0">\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/chatforo/chat.html">Chat</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/chatforo/foro.html" target="_blank">Foro</a></td></tr>\
                            </table></td></tr></table></div></td></tr>\
                <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);" onmousedown="pinchaEnlace(this, utilidades);"><img src="http://www.terra.es/personal/sagope/imagen/utilidades.gif" width="41" height="39"><br>\
                    UTILIDADES<div id="utilidades" style="DISPLAY: none">\
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">\
                        <tr><td class="tabla_cabecera"><table width="100%" border="0" cellspacing="1" cellpadding="0">\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/utilidades/buscadores.html">Buscador</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/utilidades/buscamp3.html">Consigue MP3</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/utilidades/buscacovers.html">Carátulas</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/utilidades/calculadora.html">Calculadora</a></td></tr>\
							  <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/utilidades/calendario.html">Calendario</a></td></tr>\
                            </table></td></tr></table></div></td></tr>\
				 <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);" onmousedown="pinchaEnlace(this, webs);"><img border="0" src="http://www.terra.es/personal/sagope/imagen/principal.gif" width="34" height="35"> <br>\
                    WEBS AMIGAS<div id="webs" style="DISPLAY: none"><table width="100%" border="0" cellspacing="0" cellpadding="0">\
                        <tr><td class="tabla_cabecera"><table width="100%" border="0" cellspacing="1" cellpadding="0">\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/index.html">Inicio</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.terra.es/personal/sagope/bastida/" target="_blank">La Bastida</a></td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://www.lawebdeguille.com" target="_blank">Web de Guille</a> </td></tr>\
                              <tr><td class="tabla" onmouseover="sobreEnlace(this);" onmouseout="fueraEnlace(this);"><a href="http://jesusmario.f-5informatica.com" target="_blank">Web de Mario</a> </td></tr>\
                            </table></td></tr></table></div></td></tr></table>';
var novedades = 'Ya se pueden ver las fotos de la despedida de Kike en Granada<BR><BR>Este verano ha sido poco viajero. Sin embargo ahi estan las fotos de nuestra visita a Oscar en Villarrobledo.<BR><BR>\
		Qué poquito se usa el foro! Aprovechad para enviar saludos, mensajes, dudas\
		y todo lo que queráis. Ya sabéis que cualquier cosilla siempre es bien recibida.';