Кастомизируем интерфейс Wialon (Customize the Wialon interface)

// make div element
var div = jQuery("<div>Hello Wialon!</div>");

// check saved position
var hello_top = get_cookie("hello_top"),
    hello_left = get_cookie("hello_left");

// set div css
div.css(
  {
    "z-index": 99999,
    "position": "absolute",
    "top": hello_top || 200,
    "left": hello_left || 200,
    "width": 200,
    "height": 34,
    "background": "#ccc",
    "color": "#666",
    "font-size": 30,
    "text-align": "center",
    "border": "1px solid #000",
    "-moz-box-shadow": "0 0 7px 5px #444",
    "-webkit-box-shadow": "0 0 7px 5px #444",
    "box-shadow": "0 0 7px 5px #444"
  }
);

// double click to close div
div.dblclick(
  function(){
    jQuery(this).hide();
  }
);

// initialize dragging for this div
div.draggable();

// save position on mouseup
div.mouseup(
  function(){
    set_cookie("hello_top", jQuery(this).css("top"));
    set_cookie("hello_left", jQuery(this).css("left"));
    console.log(jQuery(this).attr("style"));
  }
);

// append div to dom
jQuery("body").append(div);

function set_cookie (name, value, days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    var expires = "; expires=" + date.toGMTString();
  }else {
    var expires = "";
  }
  document.cookie = name + "=" + value + expires + "; path=/";
}

function get_cookie (name){
  var value = "; " + document.cookie;
  var parts = value.split("; " + name + "=");
  if (parts.length == 2)
    return parts.pop().split(";").shift();
  else
    return false;
}