var toolbar = null;
var changed = false;
$(document).ready(function()
{
    var layout = new Flo.Layout('wrapper', false);
    toolbar = new Flo.ToolBar('toolbar', layout);
    
    $('.auto-input').autoInput();
    $('#navigation').navigation();

    try {
        $('.flotips').tipsy({gravity: 'w'});
    }
    catch (e) {}
    
    $('#design-tabs :input').change(function() {
        changed = true;
    });

    // bind before unload to ask confirmation
    window.onbeforeunload = function() {
        if (changed) {
            return "You have un-saved changes. Please save your settings before proceeding.";
        }
    };
});