$(document).ready(function(){
    $('.InfoButonLink').hover(
        function() {
            this.src = "images/time/info_button_h.png";
        },
        function() {
            this.src = "images/time/info_button.png";
        }
    );
    $('.InfoButonLink').click( function() {
        document.location = "wartime.aspx";
    });

    serverTime();
});

var delay = 999;

Date.prototype.add = function(milliseconds) {
    var m = this.getTime() + milliseconds;
    return new Date(m);
};

Date.prototype.addSeconds = function(second) {
    return this.add(second * 1000);
};

function serverTime() {
    var dateArr = $('#'+$('#ServerDateId').val()).html().split('-');
    var timeArr = $('#'+$('#ServerTimeId').val()).html().split(' ');
    var clockArr = timeArr[0].split(':');
    if (timeArr[1] == "PM" && clockArr[0] != "12") {
        clockArr[0] = parseInt(clockArr[0])+12;
    }
    if (timeArr[1] == "AM" && clockArr[0] == "12") {
        clockArr[0] =  0;
    }
    var st = new Date(parseInt(dateArr[0]), 
                        parseInt(dateArr[1], 10)-1, 
                        parseInt(dateArr[2], 10), 
                        parseInt(clockArr[0]), 
                        parseInt(clockArr[1]), 
                        parseInt(clockArr[2]), 
                        0);
    var timeStr = "incrementTime('"+st+"')";
    setTimeout(timeStr, delay);
}
function incrementTime(st) {
    var time = new Date(st);
    time = time.addSeconds(1);
    $('#'+$('#ServerDateId').val()).html(time.format("yyyy-mm-dd"))
    $('#'+$('#ServerTimeId').val()).html(time.format("hh:MM:ss TT"))
    var timeStr = "incrementTime('"+time+"')";
    setTimeout(timeStr, delay);
}