function SetResult(text) {
    var result = text.d;
    //var el = document.getElementById("resultmessage");

    if (result == null) {
        // continue time
    }
    else {
        // date comes from server in format: yyyy MM dd HH mm ss
        var dateParts = result.split(" ");
        BuildClock(dateParts[3], dateParts[4]);
        var seconds = new Number(60);
        seconds -= dateParts[5];
        //alert('seconds: '+ seconds + ' dateparts[5]: ' + dateParts[5]);
        if (seconds == null)
        {
         seconds = 30;
        }
        window.setTimeout(function() { GetServerTime(); }, seconds * 1000);
    }
}

function BuildClock(hours, minutes) {
    SetNumber(hours.charAt(0), "hour1");
    SetNumber(hours.charAt(1), "hour2");
    SetNumber(minutes.charAt(0), "minute1");
    SetNumber(minutes.charAt(1), "minute2");
    function SetNumber(number, imageID) {
        var image = document.getElementById(imageID);
        if (image != null) {
            image.src = "/img/clock/" + number + ".png";
            image.setAttribute("alt", number);
        }
    }
}

function GetServerTime() {
    $.ajax({
        type: "POST",
        url: '/GetTime.aspx',
        contentType: 'application/json; charset=utf-8',
        data: '{date: "' + new Date().getMilliseconds() + '" }',
        dataType: 'json',
        success: function(data, textStatus) {           
            SetResult(data);            
        },
        error: function(xmlHttpRequest, status, err) {  
			alert(err);
        }
    });
}

$(document).ready(function() { GetServerTime(); });