var eventStartDate = new Date();
var eventEndDate = new Date();
var timeLeftToEvent = 0;

function CalculateCountDown(lblId, langId) {

    var lblCountDown = document.getElementById(lblId);
    if(lblCountDown == null ||
        lblCountDown == undefined) {
        return;
    }
    var now = new Date();
    var oneDay = 1000 * 60 * 60 * 24;

    if (now >= eventStartDate && now <= eventEndDate) {
        lblCountDown.innerHTML = 'The event is happening now!';
        ImageService.GetTranslation('The event is happening now!', langId, WriteTranslatedText, WriteTranslatedText, lblCountDown);
        
        return;
    }

    if (now >= eventEndDate) {
        lblCountDown.innerHTML = 'Register for next year!';
        ImageService.GetTranslation('Register for next year!', langId, WriteTranslatedText, WriteTranslatedText, lblCountDown);
        return;
    }

    var days = Math.ceil((eventStartDate.getTime() - now.getTime()) / oneDay);
    var optionalDay_S = 's';

    if (days == 1) {
        optionalDay_S = '';
    }

    if (days < 30) {        
        lblCountDown.innerHTML = "Days until the event: <span class='countdown_number'>" + MakeBold(days) + "</span>";
        timeLeftToEvent = days;
        ImageService.GetTranslation('Days until the event:', langId, WriteTranslatedTimeLeft, WriteTranslatedTimeLeft, lblCountDown);
    }
    else {
    
        var weeks = Math.floor(days / 7);
        var remDays = days % 30;
        if (weeks == 1) {
            optionalDay_S = '';
        }
//        lblCountDown.innerHTML = "Only <span class='countdown_number'>" + MakeBold(weeks) + '</span> week' + optionalDay_S + ' left until the event!';
        lblCountDown.innerHTML = "Weeks until the event: <span class='countdown_number'>" + MakeBold(weeks) + "</span>";
        timeLeftToEvent = weeks;
        ImageService.GetTranslation('Weeks until the event:', langId, WriteTranslatedTimeLeft, WriteTranslatedTimeLeft, lblCountDown);
    }

    return false;
}

function MakeBold(str) {
    return "<span style='font-weight:bold;'>" + str + "</span>";
}

// this function is called after the webservice call and it will show the translated text on lblCountDown
function WriteTranslatedText(text, lblCountDown) {    
    lblCountDown.innerHTML = text;
}

function WriteTranslatedTimeLeft(text, lblCountDown) {
    lblCountDown.innerHTML = text + "<span class='countdown_number'>" + MakeBold(timeLeftToEvent) + "</span>";    
}