Synnefo

var CHANGES_SINCE_ERRORS = 0;

$.ajaxSetup({

    'cache': false,

    'beforeSend': function(xhr) {

          // save ajax settings, we might need them for error reporting

          last_request = this;

          xhr.setRequestHeader("X-Auth-Token", $.cookie("X-Auth-Token"));

          // append the date the request initialized to the ajax settings

          try {

            this.date_sent = new Date();

          } catch (err) {

          }

          if (CHANGES_SINCE_ERRORS > 0 && changes_since) {

            CHANGES_SINCE_ERRORS = 0;

          }

    },

    // catch uncaught error requests

    // stop interaction and show only for the 5xx errors

    // refresh the page after 20secs

    error: function(jqXHR, textStatus, errorThrown) {

        // check if xhr is in valid state (no status property)

        try {

            var status = jqXHR.status;

        } catch (err) {

            return false;

        }

        // stop interaction for important (aka 500) error codes only

        if (jqXHR.status >= 500 && jqXHR.status < 600)

        {

            handle_api_error(-11, undefined, 'Unknown', jqXHR, textStatus, errorThrown, this);

        }

        // refresh after 10 seconds

        window.setTimeout("window.location.reload()", window.error_timeout);

    }

});

// generic api error handler

//

// code: error code (uid or http status)

// context: something to identify the object 

//          that the error occured to (e.g. vm id) 

// xhr: xhr object

// jquery_error_status: error identified by the jquery ("timeout", "error" etc.)

// jquery_error: error identified by the jquery ("timeout", "error" etc.)

// ajax_settings: the settings 

// 

function handle_api_error(code, context, action, xhr, 

                          jquery_error_status, jquery_error, ajax_settings) {

    // handle timeouts (only for repeated requests)

    if (jquery_error_status == "timeout" && ajax_settings && ajax_settings.repeated) {

        // do not show error for the first timeout

        if (TIMEOUTS_OCCURED < SKIP_TIMEOUTS) {

            TIMEOUTS_OCCURED += 1;

            return;

        }

    }

    if (jquery_error_status == "timeout") {

        ajax_settings.disable_report = true;

        ajax_error("TIMEOUT", context, action, "", ajax_settings);

        return;

    }

    try {

        // malformed changes-since request, skip only first request

        // then ui will try to get requests with no changes-since parameter set

        // if for some reason server responds with 400/changes-since error

        // fallback to error message

        if (xhr.status === 400 && xhr.responseText.indexOf("changes-since") > -1 && CHANGES_SINCE_ERRORS == 0) {

            CHANGES_SINCE_ERRORS += 1;

            changes_since = 0;

            return;

        }

        // 413 no need to show report

        if (xhr.status === 413) {

            ajax_settings.disable_report = true;

            ajax_settings.no_details = false;

        }

        ajax_error(xhr.status, context, action, xhr.responseText, ajax_settings);

    } catch (err) {

        ajax_error(code, context, action, "NETWORK ERROR", ajax_settings);

    }

}

// jquery show/hide events

var _oldshow = $.fn.show;

$.fn.show = function(speed, callback) {

    $(this).trigger('show');

    return _oldshow.apply(this,arguments);

}

var _oldhide = $.fn.hide;

$.fn.hide = function(speed, callback) {

    $(this).trigger('hide');

    return _oldhide.apply(this,arguments);

}

function ISODateString(d){

    //return a date in an ISO 8601 format using UTC.

    //do not include time zone info (Z) at the end

    //taken from the Mozilla Developer Center

    function pad(n){ return n<10 ? '0'+n : n }

    return  d.getUTCFullYear()+ '-' +

            pad(d.getUTCMonth()+1) + '-' +

            pad(d.getUTCDate()) + 'T' +

            pad(d.getUTCHours()) + ':' +

            pad(d.getUTCMinutes()) + ':' +

            pad(d.getUTCSeconds()) +'Z'

}

function parse_error(responseText, errorCode){

    var errors = [];

    try {

        responseObj = JSON.parse(responseText);

    }

    catch(err) {

        errors[0] = {'code': errorCode};

        return errors;

    }

    for (var err in responseObj){

        errors[errors.length] = responseObj[err];

    }

    return errors;

}

if(typeof String.prototype.trim !== 'function') {

    String.prototype.trim = function() {

        return this.replace(/^\s+|\s+$/g, '');

    }

}

// simple string format helper (http://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format)

String.prototype.format = function() {

    var formatted = this;

    for (var i = 0; i < arguments.length; i++) {

        var regexp = new RegExp('\\{'+i+'\\}', 'gi');

        formatted = formatted.replace(regexp, arguments[i]);

    }

    return formatted;

};

function update_confirmations() {

    // hide all confirm boxes to begin with

    $('#machines-pane div.confirm_single').hide();

    $('#machines-pane div.confirm_multiple').hide();

    var action_type = [];

    // standard view or single view

    if ($.cookie("view") == '0' || $.cookie("view") == '2') {

        for (var i=0; i<pending_actions.length; i++) {

            // show single confirms

            if (pending_actions[i][0] == reboot) {

                action_type = "reboot";

            } else if (pending_actions[i][0] == shutdown) {

                action_type = "shutdown";

            } else if (pending_actions[i][0] == start) {

                action_type = "start";

            } else if (pending_actions[i][0] == open_console) {

                action_type = "console";

            } else {

                action_type = "destroy";

            }

            $("#machines-pane #" + pending_actions[i][1] +

            " div.action-container." + action_type + " div.confirm_single").show();

        }

    }

    // if more than one pending action show multiple confirm box

    if (pending_actions.length>1 || $.cookie("view") == '1' && pending_actions.length == 1){

        $('#machines-pane div.confirm_multiple span.actionLen').text(pending_actions.length);

        $('#machines-pane div.confirm_multiple').show();

    }

}

function update_network_confirmations(){

    // hide all confirm boxes to begin with

    $('#networks-pane div.confirm_multiple').hide();

    for (var i=0;i<pending_actions.length;i++){

        // show single confirms depending on the action

        if (pending_actions[i][0] == delete_network) {

            $("#networks-pane div.network#net-"+pending_actions[i][1]).children('.confirm_single').show();

        } else if (pending_actions[i][0] == remove_server_from_network) {

            $("#networks-pane div.network #net-"+pending_actions[i][1]+"-server-"+pending_actions[i][2]).children('.confirm_single').show();

        } // else {}

    }

    // if more than one pending action show multiple confirm box

    if (pending_actions.length > 1){

        $('#networks-pane div.confirm_multiple span.actionLen').text(pending_actions.length);

        $('#networks-pane div.confirm_multiple').show();

    }

    try {

        update_network_confirmations_position();

    } catch (err) { console.error(err) };

}

function list_view() {

    changes_since = 0; // to reload full list

    pending_actions = []; // clear pending actions

    update_confirmations();

    clearTimeout(deferred);    // clear old deferred calls

    try {

        update_request.abort(); // cancel pending ajax updates

        load_request.abort();

    }catch(err){}

    $.cookie("view", '1'); // set list cookie

    uri = $("a#list").attr("href");

    load_request = $.ajax({

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "html",

        error: function(jqXHR, textStatus, errorThrown) {

            return false;

        },

        success: function(data, textStatus, jqXHR) {

            $("a#list")[0].className += ' activelink';

            $("a#standard")[0].className = '';

            $("a#single")[0].className = '';

            $("div#machinesview").html(data);

        }

    });

    return false;

}

function single_view() {

    changes_since = 0; // to reload full list

    pending_actions = []; // clear pending actions

    update_confirmations();

    clearTimeout(deferred);    // clear old deferred calls

    try {

        update_request.abort(); // cancel pending ajax updates

        load_request.abort();

    }catch(err){}

    $.cookie("view", '2'); // set list cookie

    uri = $("a#single").attr("href");

    load_request = $.ajax({

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "html",

        error: function(jqXHR, textStatus, errorThrown) {

            return false;

        },

        success: function(data, textStatus, jqXHR) {

            $("a#single")[0].className += ' activelink';

            $("a#standard")[0].className = '';

            $("a#list")[0].className = '';

            $("div#machinesview").html(data);

        }

    });

    return false;

}

function standard_view() {

    changes_since = 0; // to reload full list

    pending_actions = []; // clear pending actions

    update_confirmations();

    clearTimeout(deferred);    // clear old deferred calls

    try {

        update_request.abort() // cancel pending ajax updates

        load_request.abort();

    }catch(err){}

    $.cookie("view", '0');

    uri = $("a#standard").attr("href");

    load_request = $.ajax({

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "html",

        error: function(jqXHR, textStatus, errorThrown) {

            return false;

        },

        success: function(data, textStatus, jqXHR) {

            $("a#standard")[0].className += ' activelink';

            $("a#list")[0].className = '';

            $("a#single")[0].className = '';

            $("div#machinesview").html(data);

        }

    });

    return false;

}

function choose_view() {

    if ($.cookie("view")=='1') {

        list_view();

    } else if ($.cookie("view")=='2'){

        single_view();

    } else {

        standard_view();

    }

}

// return value from metadata key "OS", if it exists

function os_icon(metadata) {

    if (!metadata) {

        return 'okeanos';

    }

    if (metadata.values.OS == undefined || metadata.values.OS == '') {

        return 'okeanos';

    } else {

        if (os_icons.indexOf(metadata.values.OS) == -1) {

            return 'okeanos';

        } else {

            return metadata.values.OS;

        }

    }

}

function os_icon_from_value(metadata) {

    if (!metadata) {

        return 'okeanos';

    }

if (metadata == undefined || metadata == '') {

        return 'okeanos';

    } else {

        if (os_icons.indexOf(metadata) == -1) {

            return 'okeanos';

        } else {

            return metadata;

        }

    }

}

// get and show a list of running and terminated machines

function update_vms(interval) {

    try{ console.info('updating machines'); } catch(err){}

    var uri= API_URL + '/servers/detail';

    if (changes_since != 0)

        uri+='?changes-since='+changes_since

    update_request = $.ajax({

        repeated: true,

        cache: false,

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "json",

        error: function(jqXHR, textStatus, errorThrown) {

            // don't forget to try again later

            if (interval) {

                clearTimeout(deferred);    // clear old deferred calls

                deferred = setTimeout(function() {update_vms(interval);},interval,interval);

            }

            // as for now, just show an error message

            try { console.info('update_vms errback:' + jqXHR.status ) } catch(err) {}

            handle_api_error(-12, undefined, 'Update VMs', jqXHR, textStatus, errorThrown, this);

            return false;

        },

        success: function(data, textStatus, jqXHR) {

            // create changes_since string if necessary

            if (jqXHR.getResponseHeader('Date') != null){

                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));

                changes_since = ISODateString(changes_since_date);

            }

            if (interval) {

                clearTimeout(deferred);    // clear old deferred calls

                deferred = setTimeout(function() {update_vms(interval);},interval,interval);

            }

            if (jqXHR.status == 200 || jqXHR.status == 203) {

                try {

                    //servers = data.servers.values;

                    update_servers_data(data.servers.values, data);

                    update_machines_view(data);

                } catch (err) { ajax_error(-503, "UI Error", 'Update VMs', err, this);}

            } else if (jqXHR.status != 304){

                try { console.info('update_vms callback:' + jqXHR.status ) } catch(err) {}

                /*

                FIXME:  Here it should return the error, however Opera does not support 304.

                        Instead 304 it returns 0. To dealt with this we treat 0 as an

                        304, which should be corrected (Bug #317).

                */

                // ajax_error(jqXHR.status, "Ajax error", 'Update VMs', jqXHR.responseText);

            }

            return false;

        }

    });

    return false;

}

function update_servers_data(servers_update, data) {

    $(window).trigger("vm:update", servers_update, data);

    // first call

    if (!window.servers || window.servers.length == 0) {

        window.servers = servers_update;

        return;

    }

    // server exists helper

    server_exists = function(server) {

        var id = server.id;

        var found = false;

        var index = 0;

        $.each(servers, function(i, s) {

            if (s.id == id) { found = true, index = i };

        });

        if (found)

            return [found, index];

        return false;

    }

    // merge object properties

    merge = function() {

        var initial = arguments[0];

        var status_changed = undefined;

        $.each(arguments, function(index, el) {

            $.each(el, function(key,v) {

                // new attribute added

                var previous_value = initial[key];

                var v = v;

                if (initial[key] == undefined) {

                    $(window).trigger("vm:attr:add", initial, key, v);

                } else {

                    // value changed

                    if (initial[key] != v) {

                        if (key == "status") {

                            // dont change if in destroy state

                            if (initial.status == "DESTROY") {

                                v = "DESTROY";

                            }

                            status_changed = {'old': previous_value, 'new': v}; 

                        }

                        $(window).trigger("vm:attr:change", {'initial': initial, 'attr': key, 'newvalue': v});

                    }

                }

                initial[key] = v;

            });

        });

        if (status_changed !== undefined) {

            $(window).trigger('vm:status:change', {'vm': initial, 'old': status_changed['old'], 'new': status_changed['new']});

        }

        return initial;

    }

    // server removed

    var remove = [];

    $.each(servers_update, function(index, server) {

        if (server.status == "DELETED") {

            remove.push(server.id);

        }

    });

    // check if server is in transition, apply appropriate logic

    function update_server_transition(vm) {

        if (vm.state_transition == "DESTROY" && vm.status != "DELETE") {

            return;

        }

        if (vm.state_transition == "SHUTDOWN" && vm.state_transition == "ACTIVE") {

            return;

        } else {

            // clear transition

            vm.state_transition = false;

            return;

        }

        if (vm.state_transition == "START" && vm.state_transition == "STOPPED") {

            return;

        } else {

            // clear transition

            vm.state_transition = false;

            return;

        }

    }

    // check server, if exists merge it with new values else add it

    $.each(servers_update, function(index, server) {

        var exists = server_exists(server);

        var old_server = servers[exists[1]];

        // reset network transition

        try {

            if (old_server.network_transition) {

                if (old_server.network_transition == "NETWORK_CHANGE") {

                    // network profile changed, servers data updated, so act if the change was made

                    // this flag will trigger ui to remove any transiiton indicators

                    // and hopefully apply the new value to the profile options

                    old_server.network_transition = "CHANGED"

                } else {

                    // nothing happened

                    old_server.network_transition = undefined;

                };

            }

        } catch (err) {

            // no old server

        }

        if (exists !== false) {

            try {

                servers[exists[1]] = merge(servers[exists[1]], server);

                update_server_transition(servers[exists[1]]);

            } catch (err) {

            }

        } else {

            servers.push(server);

            $(window).trigger("vm:add", server);

        }

        if (remove.indexOf(server.id) > -1) {

            var remove_exists = server_exists(server);

            servers.splice(remove_exists[1], 1);

            $(window).trigger("vm:remove", server);

        }

    });

}

// get a list of running and terminated machines, used in network view

function update_networks(interval) {

    try{ console.info('updating networks'); } catch(err){}

    var uri= API_URL + '/servers/detail';

    if (changes_since != 0)

        uri+='?changes-since='+changes_since

    update_request = $.ajax({

        repeated: true,

        cache: false,

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "json",

        error: function(jqXHR, textStatus, errorThrown) {

            // don't forget to try again later

            if (interval) {

                clearTimeout(deferred);    // clear old deferred calls

                deferred = setTimeout(function() {update_networks(interval);},interval);

            }

            // as for now, just show an error message

            try { console.info('update_networks errback:' + jqXHR.status ) } catch(err) {}

            handle_api_error(-13, undefined, 'Update networks', jqXHR, textStatus, errorThrown, this);

            return false;

            },

        success: function(data, textStatus, jqXHR) {

            // create changes_since string if necessary

            if (jqXHR.getResponseHeader('Date') != null){

                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));

                changes_since = ISODateString(changes_since_date);

            }

            if (interval) {

                clearTimeout(deferred);    // clear old deferred calls

                deferred = setTimeout(function() {update_networks(interval);},interval,interval);

            }

            if (jqXHR.status == 200 || jqXHR.status == 203) {

                try {

                    //servers = data.servers.values;

                    update_servers_data(data.servers.values, data);

                    update_network_names(data);

                } catch(err) { ajax_error(-505, "UI Error", 'Update networks', err, this);}

            } else if (jqXHR.status == 304) {

                update_network_names();

            }

            else {

                try { console.info('update_networks callback:' + jqXHR.status ) } catch(err) {}

                /*

                FIXME:  Here it should return the error, however Opera does not support 304.

                        Instead 304 it returns 0. To dealt with this we treat 0 as an

                        304, which should be corrected (Bug #317).

                */

                //ajax_error(jqXHR.status, undefined, 'Update networks', jqXHR.responseText);

                update_network_names();

            }

            return false;

        }

    });

    return false;

}

// get and show a list of public and private networks

function update_network_names(servers_data) {

    try{ console.info('updating network names'); } catch(err){}

    var uri= API_URL + '/networks/detail';

    if (networks_changes_since != 0)

        //FIXME: Comment out the following, until metadata do not 304 when changed

        uri+='?changes-since=' + networks_changes_since

    update_request = $.ajax({

        cache: false,

        url: uri,

        type: "GET",

        timeout: TIMEOUT,

        dataType: "json",

        error: function(jqXHR, textStatus, errorThrown) {

            // as for now, just show an error message

            try {

                console.info('update_network names errback:' + jqXHR.status )

            } catch(err) {}

            handle_api_error(-14, undefined, 'Update network names', jqXHR, textStatus, errorThrown, this);

            return false;

        },

        success: function(data, textStatus, jqXHR) {

            // create changes_since string if necessary

            if (jqXHR.getResponseHeader('Date') != null){

                changes_since_date = new Date(jqXHR.getResponseHeader('Date'));

                networks_changes_since = ISODateString(changes_since_date);

            }

            if (jqXHR.status == 200 || jqXHR.status == 203) {

                try {

                    networks = data.networks.values;

                    update_networks_view(servers_data, data);

                } catch(err) {

                    ajax_error(-507, "UI Error", 'Update network names', err, this);

                }

            } else if (jqXHR.status == 304) {

                    update_networks_view(servers_data);

            } else if (jqXHR.status != 304){

                try { console.info('update_network_names callback:' + jqXHR.status ) } catch(err) {}

                /*

                FIXME:  Here it should return the error, however Opera does not support 304.

                        Instead 304 it returns 0. To dealt with this we treat 0 as an

                        304, which should be corrected (Bug #317).

                */

                //ajax_error(jqXHR.status, undefined, 'Update network names', jqXHR.responseText);

                update_networks_view(servers_data);

            }

            return false;

        }

    });

    return false;

}

// get and show a list of available standard and custom images

function update_images() {

    $.ajax({

        url: API_URL + '/images/detail',

        type: "GET",

        //async: false,

        dataType: "json",

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) {

            handle_api_error(-15, undefined, 'Update images', jqXHR, textStatus, errorThrown, this);

        },

        success: function(data, textStatus, jqXHR) {

            try {

                images = update_images_data(data.images.values);

                update_wizard_images();

                update_images_info_data(images);

                // update images options

                update_image_flavor_options();

                handle_image_choice_changed();

            } catch(err){

                ajax_error("NO_IMAGES");

            }

        }

    });

    return false;

}

function update_images_data(data) {

    var images = data;

    function get_order(img) {

        var def = -1;

        try {

            return parseInt(img.metadata.values.sortorder) || def;

        } catch (err) {

            return def;

        }

    }

    images.sort(function(a,b) {

        return get_order(a) < get_order(b);

    })

    return images

}

// update images panel

function update_wizard_images() {

    if ($("ul#standard-images li").toArray().length + $("ul#custom-images li").toArray().length == 0) {

        $.each(images, function(i,image){

            var img = $('#image-template').clone().attr("id","img-"+image.id).fadeIn("slow");

            img.find("label").attr('for',"img-radio-" + image.id);

            img.find(".image-title").text(image.name);

            if (image.metadata) {

                if (image.metadata.values.description != undefined) {

                    img.find(".description").text(image.metadata.values.description);

                }

                if (image.metadata.values.size != undefined) {

                    img.find("#size").text(image.metadata.values.size);

                }

            }

            img.find("input.radio").attr('id',"img-radio-" + image.id);

            if (i==0) img.find("input.radio").attr("checked","checked");

            var image_logo = os_icon(image.metadata);

            img.find("img.image-logo").attr('src','static/icons/os/'+image_logo+'.png');

            if (image.metadata) {

                if (image.metadata.values.serverId != undefined) {

                    img.appendTo("ul#custom-images");

                } else {

                    img.appendTo("ul#standard-images");

                }

            } else {

                img.appendTo("ul#standard-images");

            }

        });

        $(".image-container input[type=radio]").change(function(){

            handle_image_choice_changed();

        });

    }

}

// get closest value from specified percentage

function get_closest_option(perc, map) {

    min = 1;

    max = Math.max.apply(Math, map);

    // create a map with percentages

    perc_map = [];

    $.each(map, function(i,v) {

        perc_map[i] = parseInt(range_value_to_percentage(v, map));

    })

    perc_map = perc_map.sort(function(a,b){return a>b});

    // find closest percentage

    var close = perc_map[0];

    found = close;

    found_pos = 0;

    diff = Math.abs(close - perc);

    // get closest based on map values

    for (var i=1; i< perc_map.length; i++) {

        if (Math.abs(perc_map[i] - perc) > diff) {

            break;

        } else {

            found = perc_map[i];

            found_pos = i;

            diff = Math.abs(perc_map[i] - perc);

        }

    }

    var val = range_percentage_to_value(perc_map[found_pos], map);

    return val;

}

// get closest percentage from specified value

function get_closest_from_value(value, map) {

    var perc = range_value_to_percentage(value, map, false);

    var close_val = get_closest_option(perc, map);

    var value = range_value_to_percentage(close_val, map);

    return value;

}

// convert a range value (e.g. ram 1024) to percentage

function range_value_to_percentage(value, map, valid) {

    if (valid == undefined) { valid = true }

    var pos = map.indexOf(value)

    // do we need to validate that value is in the map

    if (pos == -1 && valid ) { return 0 }

    if (value == 1) { return 0; }

    if (pos == map.length -1) { return 100; }

    perc = value * (100 / Math.max.apply(Math, map));

    // fix for small fragmentations

    min = 1; max = Math.max.apply(Math, map);

    if (max - min <= 4) {

        perc = perc - 12

    }

    return perc;

} 

// get range value to display based on the percentage value

// of the range control

function range_percentage_to_value(value, map) {

    min = 0; max = Math.max.apply(Math, map);

    ret = Math.round(value * max / 100);

    // fix for small fragmentations

    if (max - min <= 4) { ret = ret; }

    if (ret < min) { ret = min; }

    if (ret >= max) { ret = max; }

    ret = ret;

    // 0 is not an option

    ret = ret == 0 ? 1: ret;

    return ret;

}

// get flavor unique index key

function get_flavor_index_key(flv) {

    return "cpu:" + flv.cpu + ":ram:" + flv.ram + ":disk:" + flv.disk

}

// update last creation step information

function update_creating_vm_details() {

    var flavor = get_flavor_sliders_values();

    var image = IMAGES_DATA[get_selected_image_id()].image;

    var cont = $("#page3-container");

    var image_name = cont.find("#machine_image-label");

    var cpu = cont.find("#machine_cpu-label");

    var ram = cont.find("#machine_ram-label");

    var disk = cont.find("#machine_storage-label");

    image_name.text(image.name);

    cpu.text(flavor.cpu);

    ram.text(flavor.ram);

    disk.text(flavor.disk);

    var name = "My " + image.name + " server";

    // check if server with predefined name already exists

    j = 2;

    if (servers) {

        var predefined_name = name;

        $.each(servers, function(index, el) {

            if (el.name == name) {

                name = predefined_name + " " + j;

                j++;

            }

        })

    }

    cont.find("input[type=text][name=machine_name]").val(name);

}

// image information registry

window.images_info = {};

function update_images_info_data(images) {

    $.each(images, function(i,img) {

        images_info[img.id] = img;

    });

}

// create a map with available flavors for each image

function update_image_flavor_options() {

    // invalid state, do not update, 

    // wait for both images and flavors to get filled/updated

    if (!window.images || !window.flavors) {

        return

    }

    // create images flavors map

    var images_options = {};

    $.each(images, function(i, img) {

        images_options[img.id] = {flavors:{}, options:{cpu:[], ram:[], disk:[]}};

        // check disk usage

        var disk_limit = img.metadata.values.size;

        var image_flavors = {};

        var image_options = {cpu:[], ram:[], disk:[]};

        var flavor_combinations = [];

        var default_flavor = undefined;

        $.each(flavors, function(j, flv) {

            var disk = flv.disk * 1000;

            // flavor size can contain image size

            if (disk > disk_limit) {

                image_flavors[flv.id] = flv;

                image_options.cpu.push(flv.cpu)

                image_options.ram.push(flv.ram)

                image_options.disk.push(flv.disk)

                // create combinations indexes

                flavor_combinations.push(get_flavor_index_key(flv));

                default_flavor = default_flavor || flv;

            } else {

            }

        });

        // update image suggested flavors

        var suggested = [];

        $.each(SUGGESTED_FLAVORS, function(i, el) {

            // image contains suggested flavor ???

            if (flavor_combinations.indexOf(get_flavor_index_key(el)) > -1){

                suggested.push(i);

            }

        });

        // unique data

        image_options.cpu = image_options.cpu.unique();

        image_options.ram = image_options.ram.unique();

        image_options.disk = image_options.disk.unique();

        flavor_combinations = flavor_combinations.unique();

        // sort data

        var numeric_sort = function(a,b){return a>b};

        image_options.cpu = image_options.cpu.sort(numeric_sort);

        image_options.ram = image_options.ram.sort(numeric_sort);

        image_options.disk = image_options.disk.sort(numeric_sort);

        // append data

        images_options[img.id].flavors = image_flavors;

        images_options[img.id].options = image_options;

        images_options[img.id].image = img;

        images_options[img.id].flavors_index = flavor_combinations;

        images_options[img.id].default_flavor = default_flavor;

        images_options[img.id].suggested = suggested;

    })

    // export it to global namespace

    window.IMAGES_DATA = images_options;

}

// is flavor available for the specified image ???

function image_flavor_available(image_ref, flavor_object) {

    return IMAGES_DATA[image_ref].flavors_index.indexOf(get_flavor_index_key(flavor_object)) > -1;

}

// update sliders and flavor choices on ui

function handle_image_choice_changed() {

    try {

        validate_selected_flavor_options();

        repaint_flavor_choices();

        update_suggested_flavors();

    } catch (err) {

        //console.error(err);

    }

}

// disable/enable suggested flavor options (small/medium/large)

function update_suggested_flavors() {

    var img_id = get_selected_image_id();

    var img = IMAGES_DATA[img_id];

    // disable all

    $("#machinetype input[type=radio]").attr("disabled", "disabled").parent().addClass("disabled");

    $.each(SUGGESTED_FLAVORS, function(i, el) {

        if (img.suggested.indexOf(i) != -1) {

            $("#machinetype label input[value="+i+"]").attr("disabled", "").parent().removeClass("disabled");

        }

    })

    $("#machinetype label input[value=custom]").attr("disabled", "").parent().removeClass("disabled");

    // select first enabled

    $($("#machinetype input[type=radio]").not(":disabled")[0]).click();

}

// clear points

function clean_flavor_choice_points() {

    $(".slider-container .slider .slider-point").remove();

}

function repaint_flavor_choices() {

    clean_flavor_choice_points();

    var img = IMAGES_DATA[get_selected_image_id()];

    function paint_slider_points(slider, points) {

        $.each(points, function(i, point) {

             // proper width

             var width = slider.width() - slider.find(".handle").width();

             // progress number

             var progress = slider.find(".progress").width();

             // percentage based on value

             var perc = range_value_to_percentage(point, points);

             // position

             var pos = perc*width/100;

             // handlers

             var last = false;

             var first = false;

             if (pos == 0) { first - true; pos = 2}

             if (pos == width) { last = true; }

             // create pointer container and text

             var text = $('<span class="slider-point-text">' + point + '</span>');

             var span = $('<span class="slider-point"></span>').css("left", pos + "px").addClass(pos <= progress ? "slider-point-light": "");

             span.append(text);

             // wait for element to get dimensions

             setTimeout(function() {

                 // choose text pointer position

                 move = "-" + ($(text).width()/2 + 1) + "px";

                 if (last) { move = "-" + ($(text).width() - 2) +  "px"; }

                 if (first) { move = "0px"; }

                 $(text).css("margin-left", move);

             }, 100);

             // append to slider

             slider.append(span);

        });

    }

    // paint points for each slider

    paint_slider_points($("#cpu-indicator").parent().find(".slider"), img.options.cpu);

    paint_slider_points($("#storage-indicator").parent().find(".slider"), img.options.disk);

    paint_slider_points($("#ram-indicator").parent().find(".slider"), img.options.ram);

}

function validate_selected_flavor_options(selected) {

    var img = IMAGES_DATA[get_selected_image_id()];

    if (!check_selected_flavor_values()) {

        var flv = img.default_flavor;

        set_flavor_sliders_values(flv.cpu, flv.disk, flv.ram);

    }

    update_creating_vm_details();

}

// check if selected values are available

// as a flavor for the image

function check_selected_flavor_values() {

    var img = IMAGES_DATA[get_selected_image_id()];

    var values = get_flavor_sliders_values();

    var found = false;

    // index lookup

    if (img.flavors_index.indexOf(get_flavor_index_key(values)) > -1) {

        // return flavor id

        return identify_flavor(values.cpu, values.disk, values.ram);

    }

    return false;

}

// find which image is selected

// return the options requested available for this image

function get_selected_image_options(opt_name) {

    var img_id = get_selected_image_id();

    var img = IMAGES_DATA[img_id];

    return img.options[opt_name];

}

// identify selected image

function get_selected_image_id() {

    return $(".image-container input:checked").attr("id").replace("img-radio-", "");

}

function update_wizard_flavors(){

    // find max range values

    cpus_max = Math.max.apply(Math, cpus); 

    cpus_min = 1;

    disks_max = Math.max.apply(Math, disks);

    disks_min = 1;

    ram_max = Math.max.apply(Math, ram);

    ram_min = 1;

    // sliders for selecting VM flavor

    $("#cpu:range").rangeinput({min:1,

                               value:0,

                               step:1,

                               progress: true,

                               max:100});

    $("#storage:range").rangeinput({min:1,

                               value:0,

                               step:1,

                               progress: true,

                               max:100});

    $("#ram:range").rangeinput({min:1,

                               value:0,

                               step:1,

                               progress: true,

                               max:100});

    // update the indicators when sliding

    $("#cpu:range").data().rangeinput.onSlide(function(event,value){

        var cpus = get_selected_image_options("cpu");

        $("#cpu-indicator")[0].value = range_percentage_to_value(value, cpus);

        $("#cpu-indicator").addClass('selectedrange');

    });

    $("#cpu:range").data().rangeinput.change(function(event,value){

        var cpus = get_selected_image_options("cpu");

        $("#cpu-indicator")[0].value = range_percentage_to_value(value, cpus);

        normal_value = range_value_to_percentage(get_closest_option(value, cpus), cpus);

        if (this.getValue() != normal_value) {

            this.setValue(normal_value);

        }

        $("#custom").click();

        $("#cpu-indicator").removeClass('selectedrange');

        validate_selected_flavor_options("cpu");

    });

    $("#ram:range").data().rangeinput.onSlide(function(event,value){

        var ram = get_selected_image_options("ram");

        $("#ram-indicator")[0].value = range_percentage_to_value(value, ram);

        $("#ram-indicator").addClass('selectedrange');

    });

    $("#ram:range").data().rangeinput.change(function(event,value){

        var ram = get_selected_image_options("ram");

        $("#ram-indicator")[0].value = range_percentage_to_value(value, ram);

        normal_value = range_value_to_percentage(get_closest_option(value, ram), ram);

        if (this.getValue() != normal_value) {

            this.setValue(normal_value);

        }

        $("#custom").click();

        $("#ram-indicator").removeClass('selectedrange');

        validate_selected_flavor_options("ram");

    });

    $("#storage:range").data().rangeinput.onSlide(function(event,value){

        var disks = get_selected_image_options("disk")

        $("#storage-indicator")[0].value = range_percentage_to_value(value, disks);

        $("#storage-indicator").addClass('selectedrange');

    });

    $("#storage:range").data().rangeinput.change(function(event,value){

        var disks = get_selected_image_options("disk")

        $("#storage-indicator")[0].value = range_percentage_to_value(value, disks);

        normal_value = range_value_to_percentage(get_closest_option(value, disks), disks);

        if (this.getValue() != normal_value) {

            this.setValue(normal_value);

        }

        $("#custom").click();

        $("#storage-indicator").removeClass('selectedrange');

        validate_selected_flavor_options("disk");

    });

}

function get_flavor_slider(name) {

    return $("#" + name + ":range").data().rangeinput;

}

// utility function to grab the value of the slider

function get_flavor_slider_value(name) {

    var maps = {

        'cpu': cpus,

        'ram': ram,

        'storage': disks

    }

    return range_percentage_to_value(get_flavor_slider(name).getValue(), maps[name]);

}

function set_flavor_sliders_values(cpu, disk, ram) {

    get_flavor_slider("cpu").setValue(range_value_to_percentage(cpu, get_selected_image_options("cpu")));

    get_flavor_slider("storage").setValue(range_value_to_percentage(disk, get_selected_image_options("disk")));

    get_flavor_slider("ram").setValue(range_value_to_percentage(ram, get_selected_image_options("ram")));

}

function get_flavor_sliders_values() {

    return {

        'cpu': get_flavor_slider_value("cpu"),

        'ram': get_flavor_slider_value("ram"),

        'disk': get_flavor_slider_value("storage")

    }

}

Array.prototype.unique = function () {

    var r = new Array();

    o:for(var i = 0, n = this.length; i < n; i++)

    {

        for(var x = 0, y = r.length; x < y; x++)

        {

            if(r[x]==this[i])

            {

                continue o;

            }

        }

        r[r.length] = this[i];

    }

    return r;

}

// get and configure flavor selection

function update_flavors() {

    $.ajax({

        url: API_URL + '/flavors/detail',

        type: "GET",

        //async: false,

        dataType: "json",

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) {

            handle_api_error(-16, undefined, 'Update flavors', jqXHR, textStatus, errorThrown, this);

        },

        success: function(data, textStatus, jqXHR) {

            try {

                flavors = data.flavors.values;

                jQuery.parseJSON(data);

                $.each(flavors, function(i, flavor) {

                    cpus[i] = flavor['cpu'];

                    disks[i] = flavor['disk'];

                    ram[i] = flavor['ram'];

                });

                // we only need unique and sorted arrays

                cpus = cpus.unique();

                disks = disks.unique();

                ram = ram.unique();

                // sort arrays

                var numeric_sort = function(a,b) { return a>b};

                disks.sort(numeric_sort);

                cpus.sort(numeric_sort);

                ram.sort(numeric_sort);

                // ui update handlers

                update_wizard_flavors();

                update_image_flavor_options();

            } catch(err){

                ajax_error("NO_FLAVORS");

            }

            // start updating vm list

            update_vms(UPDATE_INTERVAL);

        }

    });

    return false;

}

// return flavorRef from cpu, disk, ram values

function identify_flavor(cpu, disk, ram){

    for (i=0;i<flavors.length;i++){

        if (flavors[i]['cpu'] == cpu && flavors[i]['disk']==disk && flavors[i]['ram']==ram) {

            return flavors[i]['id']

        }

    }

    return 0;

}

// return image entry from imageRef

function get_image(imageRef) {

    for (i=0;i<images.length;i++){

        if (images[i]['id'] == imageRef) {

            return images[i];

        }

    }

    return 0;

}

// return machine entry from serverID

function get_machine(serverID) {

    for (i=0;i<servers.length;i++){

        if (servers[i]['id'] == serverID) {

            return servers[i];

        }

    }

    return 0;

}

// helper function, returns the name of the current view

function get_current_view() {

    if ($.cookie('pane') == 1) {

        return "network"

    }

    if ($.cookie('pane') == 2) {

        return "disks"

    }

    switch ($.cookie('view')) {

        case "0":

            return "icon";

            break;

        case "1":

            return "list";

            break;

        case "2":

            return "single";

            break;

    }

    return false;

}

// update vms actions based on current view

function update_machine_actions(serverID, server_status) {

    var view = get_current_view();

    // call the proper update actions method

    if (['icon', 'single'].indexOf(view) > -1) {

        update_iconview_actions(serverID, server_status);

    } else if (['list'].indexOf(view) > -1) {

        update_listview_actions();

    }

}

// update the actions in icon view, per server

function update_iconview_actions(serverID, server_status) {

    // vm in destroy status ???

    var vm = get_machine(serverID)

    if (vm.state_transition == "DESTROY") {

        server_status = "DESTROY";

    }

    if ($.cookie("view")=='2') {

        // remove .disable from all actions to begin with

        $('#machinesview-single #' + serverID + ' div.single-action').show();

        // decide which actions should be disabled

        for (current_action in actions) {

            if (actions[current_action].indexOf(server_status) == -1 ) {

                $('#machinesview-single #' + serverID + ' div.action-' + current_action).hide();

            }

        }

    } else {

        // remove .disable from all actions to begin with

        $('#machinesview-icon.standard #' + serverID + ' div.actions').find('a').removeClass('disabled');

        // decide which actions should be disabled

        for (current_action in actions) {

            if (actions[current_action].indexOf(server_status) == -1 ) {

                $('#machinesview-icon.standard #' + serverID + ' a.action-' + current_action).addClass('disabled');

            }

        }

    }

}

// update the actions in list view

function update_listview_actions() {

    var states = [];

    var on = [];

    var checked = $("table.list-machines tbody input[type='checkbox']:checked");

    // disable all actions to begin with

    $('#machinesview .list div.actions').children().removeClass('enabled');

    // are there multiple machines selected?

    if (checked.length>1)

        states[0] = 'multiple';

    // check the states of selected machines

    checked.each(function(i,checkbox) {

        // force destroy mode

        var vm = get_machine(checkbox.id);

        if (vm.state_transition == "DESTROY") {

            states[states.length] = "DESTROY";

        } else {

            states[states.length] = checkbox.className;

        }

        if (vm_has_public_ip(vm) && vm.status == "ACTIVE") { 

            states = ['network'];

            if (checked.length>1)

                states[states.length] = 'multiple';

        }

    });

    // decide which actions should be enabled

    for (a in actions) {

        var enabled = false;

        for (var s =0; s<states.length; s++) {

            if (actions[a].indexOf(states[s]) != -1 ) {

                enabled = true;

            } else {

                enabled = false;

                break;

            }

        }

        if (enabled)

            on[on.length]=a;

    }

    // enable those actions

    for (action in on) {

        $("#action-" + on[action]).addClass('enabled');

    }

}

// return a metadata dict containing the metadata

// that should be cloned from image to vm

function get_image_metadata_to_copy(imageRef) {

    var image = IMAGES_DATA[imageRef].image;

    var metadata = image.metadata;

    // if no metadata return empty object

    if (!metadata || !metadata.values) {

        return {};

    }

    var vm_meta = {};

    // find existing keys, copy their values to the server

    // metadata object

    $.each(VM_IMAGE_COMMON_METADATA, function(index, key) {

        if (metadata.values[key] !== undefined) {

            vm_meta[key] = metadata.values[key];

        }

    })

    return vm_meta;

}

//create server action

function create_vm(machineName, imageRef, flavorRef) {

    var image_logo = os_icon(get_image(imageRef).metadata);

    var uri = API_URL + '/servers';

    var vm_meta = get_image_metadata_to_copy(imageRef);

    var payload = {

        "server": {

            "name": machineName,

            "imageRef": imageRef,

            "flavorRef" : flavorRef,

            "metadata" : vm_meta

        }

    };

    $.ajax({

    url: uri,

    type: "POST",

    contentType: "application/json",

    dataType: "json",

    data: JSON.stringify(payload),

    timeout: TIMEOUT,

    error: function(jqXHR, textStatus, errorThrown) {

                // close wizard and show error box

                $('#machines-pane a#create').data('overlay').close();

                handle_api_error(-17, undefined, 'Create VM', jqXHR, textStatus, errorThrown, this);

           },

    success: function(data, textStatus, jqXHR) {

                if ( jqXHR.status == '202') {

                    ajax_success("CREATE_VM_SUCCESS", data.server.adminPass);

                } else {

                    // close wizard and show error box

                    $('#machines-pane a#create').data('overlay').close();

                    ajax_error(jqXHR.status, undefined, 'Create VM', jqXHR.responseText, this);

                }

            }

    });

}

// reboot action

function reboot(serverIDs){

    if (!serverIDs.length){

        //ajax_success('DEFAULT');

        return false;

    }

    // ajax post reboot call

    var payload = {

        "reboot": {"type" : "HARD"}

    };

    var serverID = serverIDs.pop();

    $.ajax({

        url: API_URL + '/servers/' + serverID + '/action',

        type: "POST",

        contentType: "application/json",

        dataType: "json",

        data: JSON.stringify(payload),

        timeout: TIMEOUT,

        error: function(jqXHR, textStatus, errorThrown) {

                    // in machine views

                    if ( $.cookie("pane") == 0) {

                        try {

                            display_failure(jqXHR.status, serverID, 'Reboot', jqXHR.responseText);

                        } catch (err) {

                            display_failure(0, serverID, 'Reboot', jqXHR.responseText);

                        }

                    }

                    // in network view

                    else {

                        try {

                            display_reboot_failure(jqXHR.status, serverID, jqXHR.responseText);

                        } catch (err) {

                            display_reboot_failure(0, serverID, jqXHR.responseText);

                        }

                    }

                },

        success: function(data, textStatus, jqXHR) {

                    if ( jqXHR.status == '202') {

                        try {

                            console.info('rebooted ' + serverID);

                        } catch(err) {}

                        // indicate that the action succeeded

                        // in machine views

                        if ( $.cookie("pane") == 0) {

                            display_success(serverID);

                        }

                        // in network view