n0 = new Image();
n0.src = "../App_Themes/Site/Images/number_0.gif";
n1 = new Image();
n1.src = "../App_Themes/Site/Images/number_1.gif";
n2 = new Image();
n2.src = "../App_Themes/Site/Images/number_2.gif";
n3 = new Image();
n3.src = "../App_Themes/Site/Images/number_3.gif";
n4 = new Image();
n4.src = "../App_Themes/Site/Images/number_4.gif";
n5 = new Image();
n5.src = "../App_Themes/Site/Images/number_5.gif";
n6 = new Image();
n6.src = "../App_Themes/Site/Images/number_6.gif";
n7 = new Image();
n7.src = "../App_Themes/Site/Images/number_7.gif";
n8 = new Image();
n8.src = "../App_Themes/Site/Images/number_8.gif";
n9 = new Image();
n9.src = "../App_Themes/Site/Images/number_9.gif";

h1 = new Image();
h1.src = "../App_Themes/Site/Images/hours_1.gif";
h2 = new Image();
h2.src = "../App_Themes/Site/Images/hours_2.gif";
h3 = new Image();
h3.src = "../App_Themes/Site/Images/hours_3.gif";
h4 = new Image();
h4.src = "../App_Themes/Site/Images/hours_4.gif";
h5 = new Image();
h5.src = "../App_Themes/Site/Images/hours_5.gif";
h6 = new Image();
h6.src = "../App_Themes/Site/Images/hours_6.gif";
h7 = new Image();
h7.src = "../App_Themes/Site/Images/hours_7.gif";
h8 = new Image();
h8.src = "../App_Themes/Site/Images/hours_8.gif";
h9 = new Image();
h9.src = "../App_Themes/Site/Images/hours_9.gif";
h10 = new Image();
h10.src = "../App_Themes/Site/Images/hours_10.gif";
h11 = new Image();
h11.src = "../App_Themes/Site/Images/hours_11.gif";
h12 = new Image();
h12.src = "../App_Themes/Site/Images/hours_12.gif";

t0 = new Image();
t0.src = "../App_Themes/Site/Images/time_AM.gif";
t1 = new Image();
t1.src = "../App_Themes/Site/Images/time_PM.gif";

function UpdateClock() {
    var currentTime = new Date();
    var currentYear = currentTime.getFullYear();

    var offset = 0;

    switch (city) {
        case 'NewYork':
            offset = -5;
            var startSummer = new Date(currentYear, 2, 8, 2, 0, 0, 0);
            var endSummer = new Date(currentYear, 10, 1, 2, 0, 0, 0);

            if (startSummer.getDay() != 0) {
                startSummer = new Date(currentYear, 2, startSummer.getDate() + 7 - startSummer.getDay(), 2, 0, 0, 0);
            }

            if (endSummer.getDay() != 0) {
                endSummer = new Date(currentYear, 10, endSummer.getDate() + 7 - endSummer.getDay(), 3, 0, 0, 0);
            }

            if (currentTime > startSummer && currentTime < endSummer) {
                offset = -4;
            }
            break;
        case 'Stockholm':
        case 'Copenhagen':
            offset = 1;
            startSummer = new Date(currentYear, 2, 31, 2, 0, 0, 0);
            endSummer = new Date(currentYear, 9, 31, 3, 0, 0, 0);

            if (startSummer.getDay() != 0) {
                startSummer = new Date(currentYear, 2, startSummer.getDate() - startSummer.getDay(), 2, 0, 0, 0);
            }

            if (endSummer.getDay() != 0) {
                endSummer = new Date(currentYear, 9, endSummer.getDate() - endSummer.getDay(), 3, 0, 0, 0);
            }

            if (currentTime > startSummer && currentTime < endSummer) {
                offset = 2;
            }
            break;
        case 'Helsinki':
            offset = 2;
            startSummer = new Date(currentYear, 2, 31, 3, 0, 0, 0);
            endSummer = new Date(currentYear, 9, 31, 4, 0, 0, 0);

            if (startSummer.getDay() != 0) {
                startSummer = new Date(currentYear, 2, startSummer.getDate() - startSummer.getDay(), 3, 0, 0, 0);
            }

            if (endSummer.getDay() != 0) {
                endSummer = new Date(currentYear, 9, endSummer.getDate() - endSummer.getDay(), 4, 0, 0, 0);
            }

            if (currentTime > startSummer && currentTime < endSummer) {
                offset = 3;
            }
            break;
        case 'London':
            offset = 0;
            startSummer = new Date(currentYear, 2, 31, 1, 0, 0, 0);
            endSummer = new Date(currentYear, 9, 31, 2, 0, 0, 0);

            if (startSummer.getDay() != 0) {
                startSummer = new Date(currentYear, 2, startSummer.getDate() - startSummer.getDay(), 1, 0, 0, 0);
            }

            if (endSummer.getDay() != 0) {
                endSummer = new Date(currentYear, 9, endSummer.getDate() - endSummer.getDay(), 2, 0, 0, 0);
            }

            if (currentTime > startSummer && currentTime < endSummer) {
                offset = 1;
            }
            break;
    }

    var currentHours = currentTime.getHours() + currentTime.getTimezoneOffset() / 60 + offset;

    if (currentHours > 23) {
        currentHours = currentHours - 24;
    }
    else if (currentHours < 0) {
        currentHours = currentHours + 24;
    }

    var currentMinutes = currentTime.getMinutes();
    currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;

    var timeOfDay = (currentHours < 12) ? "AM" : "PM";

    // Convert the hours component to 12-hour format if needed
    currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;
    // Convert an hours component of "0" to "12"
    currentHours = (currentHours == 0) ? 12 : currentHours;

    document.getElementById("hours").src = "../App_Themes/Site/Images/hours_" + currentHours + ".gif";
    document.getElementById("minutes1").src = "../App_Themes/Site/Images/number_" + currentMinutes.substring(0, 1) + ".gif";
    document.getElementById("minutes2").src = "../App_Themes/Site/Images/number_" + currentMinutes.substring(1, 2) + ".gif";
    document.getElementById("time").src = "../App_Themes/Site/Images/time_" + timeOfDay + ".gif";
}

function SetOpacity(value) {
    document.getElementById('clock').style.opacity = value / 50;
    document.getElementById('clock').style.filter = 'alpha(opacity=' + value * 2 + ')';
}

function ChangeCity() {
    document.getElementById(city).className = 'href_selected';
}

function PrepareCity() {
    switch (city) {
        case 'NewYork':
            document.getElementById('Stockholm').className = 'href';
            document.getElementById('London').className = 'href';
            document.getElementById('Copenhagen').className = 'href';
            document.getElementById('Helsinki').className = 'href';
            break;
        case 'Stockholm':
            document.getElementById('NewYork').className = 'href';
            document.getElementById('London').className = 'href';
            document.getElementById('Copenhagen').className = 'href';
            document.getElementById('Helsinki').className = 'href';
            break;
        case 'London':
            document.getElementById('NewYork').className = 'href';
            document.getElementById('Stockholm').className = 'href';
            document.getElementById('Copenhagen').className = 'href';
            document.getElementById('Helsinki').className = 'href';
            break;
        case 'Copenhagen':
            document.getElementById('NewYork').className = 'href';
            document.getElementById('London').className = 'href';
            document.getElementById('Stockholm').className = 'href';
            document.getElementById('Helsinki').className = 'href';
            break;
        case 'Helsinki':
            document.getElementById('NewYork').className = 'href';
            document.getElementById('London').className = 'href';
            document.getElementById('Stockholm').className = 'href';
            document.getElementById('Copenhagen').className = 'href';
            break;
    }
}

function ReleaseOpacity() {
    opacityWork = false;
}

var opacityWork = true;

function Opacity(value) {
    if (opacityWork == false) {

        city = value;

        opacityWork = true;
        clearInterval(intervalID);

        document.getElementById('NewYork').className = 'href_none';
        document.getElementById('Stockholm').className = 'href_none';
        document.getElementById('London').className = 'href_none';
        document.getElementById('Copenhagen').className = 'href_none';
        document.getElementById('Helsinki').className = 'href_none';

        switch (city) {
            case 'NewYork':
                document.getElementById('NewYork').className = 'href_pre_selected';
                break;
            case 'Stockholm':
                document.getElementById('Stockholm').className = 'href_pre_selected';
                break;
            case 'London':
                document.getElementById('London').className = 'href_pre_selected';
                break;
            case 'Copenhagen':
                document.getElementById('Copenhagen').className = 'href_pre_selected';
                break;
            case 'Copenhagen':
                document.getElementById('Helsinki').className = 'href_pre_selected';
                break;
        }

        for (var i = 50; i > -1; i--) {
            setTimeout('SetOpacity(' + i + ')', 1000 - (20 * i));
        }

        intervalID = setInterval('UpdateClock()', 1000);

        for (var j = 0; j < 51; j++) {
            setTimeout('SetOpacity(' + j + ')', 1000 + 20 * j);
        }

        setTimeout('PrepareCity()', 2000);
        setTimeout('ChangeCity()', 2000);
        setTimeout('ReleaseOpacity()', 2000);
    }
}

SetOpacity(0);
UpdateClock();
var intervalID = setInterval('UpdateClock()', 1000);

for (var i = 0; i < 51; i++) {
    setTimeout('SetOpacity(' + i + ')', 1000 + 20 * i);
}

setTimeout('PrepareCity()', 2000);
setTimeout('ChangeCity()', 2000);
setTimeout('ReleaseOpacity()', 2000);