/* Navigation */
$(function() {
    $("#enable_translate").bind("click", function(event) {
        event.preventDefault();
        $("#google_translate_element").slideDown();
    });
});

/* Google translate */
/*global google:true */
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: "en",
        autoDisplay: false
    }, "google_translate_element");
}

/* Clock */
/*global Raphael:true */
(function() {
    var clock_datetime = $("#clock_datetime"),
        last_hours = null,
        last_mins = null,
        hour_hand,
        minute_hand;

    function update_clock() {
        var now = new Date(),
            hours = now.getHours(),
            minutes = now.getMinutes(),
            day = now.getDate(),
            month = now.getMonth() + 1,
            year = now.getFullYear().toString().slice(2);

        if ((last_hours !== hours) || (last_mins !== minutes)) {
            hour_hand.rotate(30 * hours + (minutes / 2.5), 28, 28);
            minute_hand.rotate(6 * minutes, 28, 28);
            clock_datetime.html(hours.toString().lpad("0", 2) + "." + minutes.toString().lpad("0", 2) + "<br />" + day + "." + month + "." + year);
            last_hours = hours;
            last_mins = minutes;
        }
    }

    function draw_clock() {
        var canvas = Raphael("clock", 56, 56),
            clock = canvas.circle(28, 28, 27);
        clock.attr({"fill": "#ffffff", "stroke": "#bcb5ac", "stroke-width": "0"});
        var hour_sign;
        for (var i=0; i<12; i++) {
            var start_x = 28 + Math.round(28 * Math.cos(30 * i * Math.PI / 180));
            var start_y = 28 + Math.round(28 * Math.sin(30 * i * Math.PI / 180));
            var end_x = 28 + Math.round(21 * Math.cos(30 * i* Math.PI / 180));
            var end_y = 28 + Math.round(21 * Math.sin(30 * i * Math.PI / 180));
            hour_sign = canvas.path("M"+start_x+" "+start_y+"L"+end_x+" "+end_y);
            hour_sign.attr({"stroke": "#a09589", "stroke-width": "1"});
        }
        hour_hand = canvas.path("M28 32L28 14");
        hour_hand.attr({stroke: "#a09589", "stroke-width": 1});
        minute_hand = canvas.path("M28 32L28 10");
        minute_hand.attr({stroke: "#a09589", "stroke-width": 1});
        update_clock();
        setInterval(update_clock, 1000);
    }

    String.prototype.lpad = function(padString, length) {
        var str = this;
        while (str.length < length)
            str = padString + str;
        return str;
    };

    draw_clock();
})();