///////////////////////////////////////////////////////////
// "Live Clock Advanced" script - Version 1.0
// By Mark Plachetta (astroboy@zip.com.au)
// Traducido al Español y ligeramente modificado por
// LiMaX del Grupo NaVaWaReX
//
// Get the latest version at:
// http://www.zip.com.au/~astroboy/liveclock/
//
// Based on the original script: "Upper Corner Live Clock"
// available at:
// - Dynamic Drive (http://www.dynamicdrive.com)
// - Website Abstraction (http://www.wsabstract.com)
// ========================================================
// CHANGES TO ORIGINAL SCRIPT:
// - Gave more flexibility in positioning of clock
// - Added date construct (Advanced version only)
// - User configurable
// ========================================================
// Both "Advanced" and "Lite" versions are available free
// of charge, see the website for more information on the
// two scripts.
///////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////
/////////////// CONFIGURACION /////////////////////////////

	// Fija el tipo de letra del reloj:
	var myfont_face = "arial";

	// Fija el tamaño de la fuente del reloj (en puntos):
	var myfont_size = "9";

	// Fija el color de la fuente del reloj:
	var myfont_color = "#ffffff";
	
	// Fija el fondo del reloj:
	var myback_color = "";

	// Fija el texto que aparece antes del reloj:
	//var mypre_text = "Son las: ";
	var mypre_text = ", ";

	// Fija la anchura del reloj (en pixels):
	var mywidth = 500;

	// ¿Mostrar la hora en formato de 24 or 12 horas?
	// 0 = 24, 1 = 12
	var my12_hour = 0;

	// ¿Cada cuánto quieres que se actualice el reloj?
	// 0 = Nunca, 1 = Cada segundo, 2 = Cada minuto
	// Si seleccionas 0 o 2, el segundero no se mostrará
	var myupdate = 1;

	// ¿Mostrar la fecha?
	// 0 = No, 1 = Si
	var DisplayDate = 0;

/////////// FIN CONFIGURACION SENCILLA /////////////////////
////////////////////////////////////////////////////////////
///////////// CONFIGURACION AVANZADA ///////////////////////

// Código de detección de navegador
        var ie4=document.all
        var ns4=document.layers
        var ns6=document.getElementById&&!document.all

// Definición de variables globales:
	var dn = "";
	var mn = " de";
	var old = "";

// Las siguientes tablas contienen los datos usados en la función
// de fecha del reloj. Puedes cambiar los valores para los Días y
// Meses si es necesario (por si los quieres abreviados o en otro
// idioma, por ejemplo).
	var DaysOfWeek = new Array(7);
		DaysOfWeek[0] = "Domingo";
		DaysOfWeek[1] = "Lunes";
		DaysOfWeek[2] = "Martes";
		DaysOfWeek[3] = "Miércoles";
		DaysOfWeek[4] = "Jueves";
		DaysOfWeek[5] = "Viernes";
		DaysOfWeek[6] = "Sábado";

	var MonthsOfYear = new Array(12);
		MonthsOfYear[0] = "Enero";
		MonthsOfYear[1] = "Febrero";
		MonthsOfYear[2] = "Marzo";
		MonthsOfYear[3] = "Abril";
		MonthsOfYear[4] = "Mayo";
		MonthsOfYear[5] = "Junio";
		MonthsOfYear[6] = "Julio";
		MonthsOfYear[7] = "Agosto";
		MonthsOfYear[8] = "Septiembre";
		MonthsOfYear[9] = "Octubre";
		MonthsOfYear[10] = "Noviembre";
		MonthsOfYear[11] = "Diciembre";

// Esta tabla controla el periodo de actualización del
// reloj, basada en la selección realizada anteriormente.
	var ClockUpdate = new Array(3);
		ClockUpdate[0] = 0;
		ClockUpdate[1] = 1000;
		ClockUpdate[2] = 60000;

// Para navegadores de versiones 4+, escribe el HTML de la
// página apropiado para el reloj, en vez de mostrar una
// fecha estática en la página.

	if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; "></span>'); }
	else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
	else { old = "true"; show_clock(); }

// Parte principal del script:
	function show_clock() {
		if (old == "die") { return; }
	
	// Muestra el reloj en NS 4
		if (ns4)
                document.ClockPosNS.visibility="show"
	// Coje todas las variables de la fecha:
		var Digital = new Date();
		var day = Digital.getDay();
		var mday = Digital.getDate();
		var month = Digital.getMonth();
		var manno = Digital.getYear();
		var hours = Digital.getHours();

		var minutes = Digital.getMinutes();
		var seconds = Digital.getSeconds();

	// Modifica la variable "mn" si se necesita,
	// por ejemplo para poner el "2nd" inglés:
		if (mday == 1) { mn = " de"; }
		else if (mday == 2) { mn = " de"; }
		else if (mday == 3) { mn = " de"; }
		else if (mday == 21) { mn = " de"; }
		else if (mday == 22) { mn = " de"; }
		else if (mday == 23) { mn = " de"; }
		else if (mday == 31) { mn = " de"; }

	// Determina si el formato de hora es de 24 o 12 para mostrarlo:
		if (my12_hour) {
			dn = "AM";
			if (hours > 12) { dn = "PM"; hours = hours - 12; }
			if (hours == 0) { hours = 12; }
		} else {
			dn = "";
		}
		if (minutes <= 9) { minutes = "0"+minutes; }
		if (seconds <= 9) { seconds = "0"+seconds; }

	// Este es el HTML del reloj. Si vas a toquitearlo, ten cuidado de
	// mantener las comillas y acotaciones en su sitio.
		var myclock = '';
		myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
		myclock += mypre_text;
		myclock += hours+':'+minutes;
		if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
		myclock += ' '+dn;
		if (DisplayDate) { myclock += ' del '+DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month] +' del '+manno+'.' ; }
		myclock += '</font>';

		if (old == "true") {
			document.write(myclock);
			old = "die";
			return;
		}

	// Escribe el reloj en el layer:
		if (ns4) {
			clockpos = document.ClockPosNS;
			liveclock = clockpos.document.LiveClockNS;
			liveclock.document.write(myclock);
			liveclock.document.close();
		} else if (ie4) {
			LiveClockIE.innerHTML = myclock;
		} else if (ns6){
			document.getElementById("LiveClockIE").innerHTML = myclock;
                }            

	if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
}