countdowninitialized = 0;

function formattime(time)
{
  if(new String(time).length==1) return "0" + time;
  return time;
}

function returntime(time)
{
  time = Math.round(time/1000);
  return formattime(Math.floor(time/3600)) + ":" + formattime(Math.floor((time/60)%60)) +

":" + formattime(time%60);
}

function initializecountdown()
{
  countdowninitialized = 1;
  imgtags = document.getElementsByTagName("img");
  for(i=0;i<imgtags.length;i++) if(imgtags[i].src.match(/newlogo3c.jpg/gi)) break;
  imgtags[i].parentNode.parentNode.style.position = "relative";
  imgtags[i].parentNode.parentNode.innerHTML = imgtags[i].parentNode.parentNode.innerHTML +

"<div style=\"position:absolute; left:5px; top:5px;\"><table

style=\"background-color:black; border:white solid 1px; color:white;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);\"><tr><td><img

src=\"lq.jpg\"/></td><td style=\"vertical-align:top;\"><table style=\"color:white;

font-family:arial; font-size:8pt;\"><col style=\"font-weight:bold;

white-space:nowrap;\"/><col style=\"white-space:nowrap\"/><tr><td colspan=\"2\"

style=\"border-bottom:white solid 1px;\">Levequest Countdown</td></tr><tr><td

style=\"padding-top:2px;\">Last Reset:</td><td id=\"lastreset\"

style=\"padding-top:2px;\"></td></tr><tr><td>Next Reset:</td><td

id=\"nextreset\"></td></tr><tr><td>Countdown:</td><td

id=\"countdown\"></td></tr></table></td></tr></table></div>";
}

function countdown()
{
  if(!countdowninitialized) initializecountdown();
  starttime = new Date("9/22/2010 0:00 GMT");
  while(starttime <= new Date()) starttime.setHours(starttime.getHours() + 36);
  document.getElementById("lastreset").innerHTML = new

Date(starttime.setHours(starttime.getHours() - 36)).toLocaleString();
  document.getElementById("nextreset").innerHTML = new

Date(starttime.setHours(starttime.getHours() + 36)).toLocaleString();
  document.getElementById("countdown").innerHTML = returntime(starttime - new Date());
  setTimeout("countdown()",500);
}

// This is the FFXIV Server Launch Date
var BaseDate = new Date("September 22, 2010 00:00:00 GMT");

// Variables
var CurrentDate, LastDate, NextDate;
var i18n = {weeks: ['week', 'weeks'], days: ['day', 'days'], hours: ['hour', 'hours'], minutes: ['minute', 'minutes'], seconds: ['second', 'seconds']};
var i18c = {days: ['', ''],hours: ['', ''],minutes: ['', ''],seconds: ['', '']};
var units = {days: 24 * 60 * 60, hours: 60 * 60, minutes: 60, seconds: 1};

// This function adds the HTML to the banner, then initializes the leve timer.
function setupLevePage() {

    var imgTag = document.getElementsByTagName('img')[0]

    if (!imgTag) {
        // Not loaded yet for some reason, add a timer and try again in a bit.
        setTimeout(setupLevePage, 100);
    } else {
        var tableCell = imgTag.parentNode.parentNode;
        var html = '<div class="LeveTrans" style="padding: 5px; margin: 5px; background-color: #04002a; border: solid 1px #FFFFFF; width: 190px;">' +
               '<div class="LeveText">' +
               '<table cellpadding="0" cellspacing="0">' +
               '    <tr>' +
               '        <td style="width:36px; height: 47px;" valign="top"><img style="position: absolute;" src="http://imgur.com/6nAow.png" width="30" height="47" border="0"></td>' +
               '        <td valign="top"><div style="position: absolute; width: 150px;"><div style="position: relative; top:2px;">' +
               '        <div class="LeveText" style="margin-bottom: 4px; font-weight: bold;">Levequest Reset Timer</div>' +
               '        <table cellpadding="0" cellspacing="0">' +
               '            <col width="65" />' +
               '            <tr><td class="LeveText">Last Reset:</td><td class="LeveText"><div id="TimeSince"></div></td></tr>' +
               '            <tr><td class="LeveText">Next Reset:</td><td class="LeveText"><div id="TimeUntil"></div></td></tr>' +
               '        </table>' +
               '        </div></div></td>' +
               '    </tr>' +
               '    </div>' +
               '</div>' +
               '<style type="text/css">' +
               '    .LeveText {font-family: Tahoma; font-size: 11px; color: white;}' +
               '    .LeveTrans {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;}' +
               '</style>';

        tableCell.style.backgroundImage = "url('images/logo/newlogo3c.jpg')";
        tableCell.style.height = "245px";
        tableCell.style.cursor = "pointer";
        tableCell.vAlign = "top";
        tableCell.onclick = function () { window.location = "index.php"; };
        tableCell.innerHTML = html;
       
        // Initialize
        initLeveTimes();
    }

}

// Automatically load without fiddling with body onload stuff.
setupLevePage();

// Recalculate!
function initLeveTimes() {
    NextDate = new Date(BaseDate);
    var SinceDiv = document.getElementById('TimeSince');
    var UntilDiv = document.getElementById('TimeUntil');
    if (SinceDiv) SinceDiv.innerText = 'Calculating...';
    if (UntilDiv) UntilDiv.innerText = 'Calculating...';
   
    setTimeout(recalculateLeveTimes, 1000);
}

// Calculate current Leve times using a 36 hour loop
function recalculateLeveTimes() {
    var i = 0;
    CurrentDate = new Date();
    while (NextDate < CurrentDate) {
        NextDate.setHours(NextDate.getHours() + 36);
    }
    LastDate = new Date(NextDate);
    LastDate.setHours(NextDate.getHours() - 36);

    setTimeout(updateLeveTimerDivs, 1000);
}

// Update the divs with the calculated text.
function updateLeveTimerDivs() {
    CurrentDate = new Date();
    var TimeSince = CurrentDate - LastDate;
    var TimeSinceSeconds = parseInt(TimeSince / 1000);
    var TimeUntil = NextDate - CurrentDate;
    var TimeUntilSeconds = parseInt(TimeUntil / 1000);

    if (TimeUntilSeconds <= 0) {
        initLeveTimes();
    } else {
        var SinceDiv = document.getElementById('TimeSince');
        var UntilDiv = document.getElementById('TimeUntil');
        if (SinceDiv) SinceDiv.innerText = getTimeStringCompact(TimeSinceSeconds);
        if (UntilDiv) UntilDiv.innerText = getTimeStringCompact(TimeUntilSeconds);
        if (SinceDiv) SinceDiv.title = LastDate;
        if (UntilDiv) UntilDiv.title = NextDate;
        setTimeout(updateLeveTimerDivs, 1000);
    }

}

// This function takes a number of seconds and turns it into a formatted string.
function getTimeStringCompact(seconds) {
    if (seconds < 1) {
        return '00:00:00:00';
    }

    var hideEmpty = false;
    var onlyLargestUnit = false;
    var returnArray = [];
    var value;

    for (unit in units) {
        value = units[unit];
        if (seconds / value >= 1 || unit == 'seconds' || !hideEmpty) {
            secondsConverted = Math.floor(seconds / value);
            var i18cUnit = i18c[unit][secondsConverted == 1 ? 0 : 1];
            returnArray.push(((secondsConverted + '').length == 2 || unit == 'weeks') ? secondsConverted : '0' + secondsConverted);
            seconds -= secondsConverted * value;

            if (onlyLargestUnit) {
                break;
            }
        }
    };

    return returnArray.join(':');
}

<script type = "text/javascript">

var timeInSecs;
var ticker;

function startTimer(secs) {
timeInSecs = parseInt(secs);
ticker = setInterval("tick()", 1000);
}

function tick( ) {
var secs = timeInSecs;
if (secs > 0) {
timeInSecs--;
}
else {
clearInterval(ticker);
startTimer(129600);  // start again
}

var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var pretty = ( (hours < 10 ) ? "0" : "" ) + hours + ":" + ( (mins < 10) ? "0" : "" ) + mins + ":" + ( (secs < 10) ? "0" : "" ) + secs;
document.getElementById("countdown").innerHTML = pretty;
}

startTimer(129600);  // 36 hours in seconds

</script>

<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function formattime(time)
{
  if(new String(time).length==1) return "0" + time;
  return time;
}

function returntime(time)
{
  time = Math.round(time/1000);
  return formattime(Math.floor(time/3600)) + ":" + formattime(Math.floor((time/60)%60)) + ":" + formattime(time%60);
}

function countdown()
{
  for(starttime = new Date("9/22/2010 0:00 GMT"); starttime <= new Date(); starttime.setHours(starttime.getHours() + 36));
  document.getElementById("lastreset").innerHTML = new Date(starttime.setHours(starttime.getHours() - 36)).toLocaleString();
  document.getElementById("nextreset").innerHTML = new Date(starttime.setHours(starttime.getHours() + 36)).toLocaleString();
  document.getElementById("countdown").innerHTML = returntime(starttime - new Date());
  setTimeout("countdown()",500);
}
//-->
</script>
</head>
<body style="background-color:gray; margin:0px;" onload="countdown();">
<div style="position:absolute; left:5px; top:5px;"><table style="background-color:black; border:white solid 1px; color:white; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);"><tr><td><img src="http://imgur.com/6nAow.png" style="height:70px;"/></td><td style="vertical-align:top;"><table style="color:white; font-family:arial; font-size:8pt;"><col style="font-weight:bold; white-space:nowrap;"/><col style="white-space:nowrap"/><tr><td colspan="2" style="border-bottom:white solid 1px;">Levequest Countdown</td></tr><tr><td style="padding-top:2px;">Last Reset:</td><td id="lastreset" style="padding-top:2px;"></td></tr><tr><td>Next Reset:</td><td id="nextreset"></td></tr><tr><td>Countdown:</td><td id="countdown"></td></tr></table></td></tr></table></div>
</body>
</html>