// JavaScript Document
/*  
	<!-- THREE STEPS TO INSTALL CLOCK DASH: -->
	<!-- 1.  Copy the coding into the HEAD of your HTML document -->
	<!-- 2.  Add the onLoad event handler into the BODY tag -->
	<!-- 3.  Put the last coding into the BODY of your HTML document -->
	<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
    <script language="JavaScript">
		<!-- This script and many more are available free online at -->
		<!-- The JavaScript Source!! http://javascript.internet.com -->
		<!-- Original:  KK Chan -->
		<!-- Begin 
*/
var timerID ;
function tzone(tz, os, ds, cl)
{
	this.ct = new Date(0) ;		// datetime
	this.tz = tz ;		// code
	this.os = os ;		// GMT offset
	this.ds = ds ;		// has daylight savings
	this.cl = cl ;		// font color
}
function UpdateClocks()
{
	// www.timeanddate.com/worldclock
	var ct = new Array(
		new tzone('LAX: ', -8, 1, 'lime'),
		new tzone('PHX: ',  -7, 1, 'cyan'),
		new tzone('CHM: ', -6, 1, 'violet'),
		new tzone('EWR: ', -5, 1, '#FFAA00')
	);
	var dt = new Date() ;	// [GMT] time according to machine clock
	var startDST = new Date(dt.getFullYear(), 3, 1) ;
	while (startDST.getDay() != 0)
		startDST.setDate(startDST.getDate() + 1) ;
	var endDST = new Date(dt.getFullYear(), 9, 31) ;
	while (endDST.getDay() != 0)
		endDST.setDate(endDST.getDate() - 1) ;
	var ds_active ;		// DS currently active
	if (startDST < dt && dt < endDST)
		ds_active = 1 ;
	else
		ds_active = 0 ;
	// Adjust each clock offset if that clock has DS and in DS.
	for(n=0 ; n<ct.length ; n++)
		if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ;
	// compensate time zones
	gmdt = new Date() ;
	for (n=0 ; n<ct.length ; n++)
		ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ;
	document.all.Clock0.innerHTML =
		'<font color="' + ct[0].cl + '">' + ct[0].tz + ClockString(ct[0].ct) + '</font>' ;
	document.all.Clock1.innerHTML =
		'<font color="' + ct[1].cl + '">' + ct[1].tz + ClockString(ct[1].ct) + '</font>' ;
	document.all.Clock2.innerHTML =
		'<font color="' + ct[2].cl + '">' + ct[2].tz + ClockString(ct[2].ct) + '</font>' ;
	document.all.Clock3.innerHTML =
		'<font color="' + ct[3].cl + '">' + ct[3].tz + ClockString(ct[3].ct) + '</font>' ;
	timerID = window.setTimeout("UpdateClocks()", 1001) ;
}
function ClockString(dt)
{
	var stemp ;
	var dt_hour = dt.getUTCHours() ;
	var dt_minute = dt.getUTCMinutes() ;
	var dt_second = dt.getUTCSeconds() ;
	if (dt_minute < 10)
		dt_minute = '0' + dt_minute ;
	if (dt_second < 10)
		dt_second = '0' + dt_second ;
	stemp = dt_hour + ":" + dt_minute + ":" + dt_second + ' ' ;
	return stemp ;
}
/*	//  End -->
	</script> 
	<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
	<body onLoad="UpdateClocks()">
	<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
	<table border="0" cellspacing="15" bordercolor="black">
  		<tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small">
    		<td ID="Clock0">&#160;   &#160;</td>
    		<td ID="Clock1">&#160;   &#160;</td>
    		<td ID="Clock2">&#160;   &#160;</td>
    		<td ID="Clock3">&#160;   &#160;</td>
  		</tr>
	</table>
	<!-- Script Size:  3.31 KB -->
*/

function getSelect(s) {
	return s.options[s.selectedIndex].value
}
// BROWSER CHECK
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName  = '';
var fullVersion  = 0; 
var majorVersion = 0;
// In Internet Explorer, the true version is after "MSIE" in userAgent
if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
 	browserName  = "Microsoft Internet Explorer";
 	fullVersion  = parseFloat(nAgt.substring(verOffset+5));
 	majorVersion = parseInt(''+fullVersion);
}
// In Opera, the true version is after "Opera" 
else if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
 	browserName  = "Opera";
 	fullVersion  = parseFloat(nAgt.substring(verOffset+6));
 	majorVersion = parseInt(''+fullVersion);
}
// In Firefox, the true version is after "Firefox" 
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
 	browserName  = "Firefox";
 	fullVersion  = parseFloat(nAgt.substring(verOffset+8));
 	majorVersion = parseInt(''+fullVersion);
}
// In Safari, the true version is before "Safari" 
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
 	browserName  = "Safari";
 	fullVersion  = parseFloat(nAgt.substring(verOffset-6));
 	majorVersion = parseInt(''+fullVersion);
}
// In Netscape, the true version is after "Navigator" 
else if ((verOffset=nAgt.indexOf("Navigator"))!=-1) {
 	browserName  = "Navigator";
 	fullVersion  = parseFloat(nAgt.substring(verOffset+10));
 	majorVersion = parseInt(''+fullVersion);
}
// In most other browsers, "name/version" is at the end of userAgent 
else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) ) 
{
 	browserName  = nAgt.substring(nameOffset,verOffset);
 	fullVersion  = parseFloat(nAgt.substring(verOffset+1));
 	if (!isNaN(fullVersion)) majorVersion = parseInt(''+fullVersion);
 	else {fullVersion  = 0; majorVersion = 0;}
}
// Finally, if no name and/or no version detected from userAgent...
if (browserName.toLowerCase() == browserName.toUpperCase()
 	|| fullVersion==0 || majorVersion == 0 )
{
 	browserName  = navigator.appName;
 	fullVersion  = parseFloat(nVer);
 	majorVersion = parseInt(nVer);
}
// MANUAL-REDIRECT
function reDirect() {
	switch (browserName) {
		case "Microsoft Internet Explorer": location.href="Graphical/index.htm";
		break;
		case "Firefox": location.href="Textual/index.htm";
		break;
		case "Navigator": location.href="Textual/index.htm";
		break;
		case "Opera": location.href="Graphical/index.htm";
		break;
		case "Safari": location.href="Graphical/index.htm";
		break;
		default: location.href="Textual/index.htm";
	}
}