var Off = {
    init: function(){
        Off.$f = $('table.new-report-form');
        if(!Off.$f[0]) {
            return true;
        }

        Off.$warnbox = Off.$f.find('div.warnbox');

        Off.cloneOriginal();
        Off.initEvents();
    },

    cloneOriginal: function(){
        Off.$clone = Off.$f.clone();
    },

    initEvents: function(){
        Off.online = navigator.onLine;

        Off.doOnline();
        Off.doOffline();

        window.addEventListener("offline", function(e) {
            Off.switchStatus();
        }, false);

        window.addEventListener("online", function(e) {
            Off.switchStatus();
        }, false);
    },
    switchStatus: function(){
        alert(navigator.onLine);
        if(Off.online == navigator.onLine) {
            return false;
        }

        Off.doOnline();
        Off.doOffline();

        Off.online = navigator.onLine;
    },
    doOnline: function(){
        if(!Off.online) {
            return false;
        }

        Off.$warnbox.addClass('hidden');
    },
    doOffline: function(){
        if(Off.online) {
            return false;
        }

        Off.$warnbox.removeClass('hidden');
    }
};

$(function(){
    Off.init();
});