$(document).ready(function(){
    function getStatusText(status, key){
        var m_keys = ["c3365d3953", "27017d5b60", "1cf2a2c34b", "93b1d5b2d9", "2feb675385", "cd997c2aaf", "7fdfac55ad", "ff36e1f412"];
        var text = "Trenutno ne radim";;
        if (status == 3){
            text = "Trenutno ne radim";
        }
        else if (status == 1){
            if (m_keys.indexOf(key) > -1){
                text = "Trenutno sam slobodan";
            }
            else {
                text = "Trenutno sam slobodna";
            }
        }
        else if (status == 2){
            if (m_keys.indexOf(key) > -1){
                text = "Trenutno sam zauzet";
            }
            else {
                text = "Trenutno sam zauzeta";
            }
        }
        return text;
    }

    $("<style>").prop("type", "text/css").html(
        ".status-1 {\
            background-color: #00940c !important;\
        }\
        .status-2 {\
            background-color: #c30000 !important;\
        }\
        .status-3, .status-null {\
            background-color: #828282 !important;\
        }\
        .t-status-1 {\
            color: #00940c !important;\
        }\
        .t-status-2 {\
            color: #c30000 !important;\
        }\
        .t-status-3, .t-status-null {\
            color: #828282 !important;\
        }"
    ).appendTo("head");

    function reloadStatuses(){
        var keys = [];
        $(".tarot-status").each(function(index, obj){
            keys.push($(obj).prop("id"));
        })
        if (keys.length > 0){
            $.ajax({
                url: '//api.astrofon.hr',
                dataType: 'jsonp',
                data: {
                    "keys": keys.join(",")
                },
                success: function(data){
                    $(Object.keys(data)).each(function(index, key){
                        $("span#status-" + key).html(getStatusText(data[key], key));
                        $("#" + key).removeClass(function (index, className){
                            return (className.match (/(^|\s)status-\S+/g) || []).join(' ');
                        }).addClass("status-" + data[key]);
                        $("#status-" + key).removeClass(function (index, className){
                            return (className.match (/(^|\s)t-status-\S+/g) || []).join(' ');
                        }).addClass("t-status-" + data[key]);
                    })
                }
            });
        }
    }

    reloadStatuses();
    setInterval(reloadStatuses, 5000);
});