anchor.diff:                          x: data.multiplexer,
                           y: data.multiplexer
                       });
  -
  -                    if ((current_view === 1 || current_view === 2) && product.emblem_id_side === null) {
  -                        imageEmblem.src = data.src;
  -                    } else if (current_view === 3) {
  -                        imageEmblem.src = data.src;
  -                    }
  -
                   },
                   error: function (data) {
                       console.log(data);
                   }
               });
           }
  -
  -        fitStageIntoParentContainer();
  -        window.addEventListener('resize', fitStageIntoParentContainer);
  -        $('#image-container .konvajs-content').removeStyle("position");
  +    }
  +
  +    function create_objects_array(data) {
  +        for (var i = 0; i < data.length; i++) {
  +            product.views.push(new ModifiedView(product.data['id'], data[i]['id'], data[i]['color_id']))
  +        }
  +        console.log(product);
  +    }
  +
  +    var UPDATABLE_VIEW = {
  +        id: null,
  +        view: null,
  +        parent: null
  +    };
  +
  +    function update_section() {
  +
  +        var group = UPDATABLE_VIEW.parent;
  +        var view = UPDATABLE_VIEW.view;
  +
  +        if (view.logo_id) {
  +            var logo = new Konva.Image({
  +                x: view.x,
  +                y: view.y,
  +                draggable: true,
  +                dragBoundFunc: function (pos) {
  +                    return {
  +                        x: pos.x > 0 && (view.x + logo.getClientRect().width) < 500 ? pos.x : this.getAbsolutePosition().x,
  +                        y: pos.y > 0 && (view.y + logo.getClientRect().height) < 500 ? pos.y : this.getAbsolutePosition().y
  +                    }
  +                }
  +            });
  +            group.add(logo);
  +            view.konva_elements.logo = logo;
  +
  +            logo.on('dragmove', function () {
  +                view.x = logo.x();
  +                view.y = logo.y();
  +            });
  +
  +            var imageLogo = new Image();
  +            imageLogo.onload = function () {
  +                logo.image(imageLogo);
  +                logo.setWidth(this.width);
  +                logo.setHeight(this.height);
  +                logo.scale({
  +                    x: view.multiplexer,
  +                    y: view.multiplexer
  +                });
  +                LAYER.draw()
  +            };
  +
  +            $.ajax({
  +                url: '/catalog/product/logo?logo_id=' + view.logo_id,
  +                type: 'GET',
  +                dataType: 'text',
  +                data: {},
  +                success: function (data) {
  +                    imageLogo.src = data
  +                },
  +                error: function (data) {
  +                    console.log(data);
  +                }
  +            });
  +        }
  +
  +        if (view.position_emblem_id) {
  +            var emblem = new Konva.Image({
  +                x: 0,
  +                y: 0
  +            });
  +            LAYER.add(emblem);
  +            view.konva_elements.emblem = emblem;
  +
  +            var imageEmblem = new Image();
  +            imageEmblem.onload = function () {
  +                emblem.image(imageEmblem);
  +                emblem.setWidth(this.width);
  +                emblem.setHeight(this.height);
  +                LAYER.draw();
  +            };
  +
  +            $.ajax({
  +                url: '/catalog/product/emblem?emblem_id=' + view.position_emblem_id,
  +                type: 'GET',
  +                dataType: 'json',
  +                data: {},
  +                success: function (data) {
  +                    emblem.setX(data.x);
  +                    emblem.setY(data.y);
  +                    emblem.scale({
  +                        x: data.multiplexer,
  +                        y: data.multiplexer
  +                    });
  +                },
  +                error: function (data) {
  +                    console.log(data);
  +                }
  +            });
  +        }
  +    }
  +
  +    function load_viewer(_url_base, view) {
  +        _url_base = _url_base || null;
  +
  +        if (view !== undefined && view !== null) {
  +            UPDATABLE_VIEW.id = view;
  +            UPDATABLE_VIEW.view = product.views[view];
  +            UPDATABLE_VIEW.parent = product.views[view].konva_elements.image.getParent();
  +            update_section();
  +        } else {
  +            if (_url_base === 'null') {
  +                _url_base = null;
  +            }
  +
  +            var stageWidth = 500;
  +            var stageHeight = 500;
  +
  +            STAGE = new Konva.Stage({
  +                container: 'image-container',
  +                width: stageWidth,
  +                height: stageHeight
  +            });
  +            LAYER = new Konva.Layer();
  +            STAGE.add(LAYER);
  +
  +            $.ajax({
  +                url: '/catalog/product/color/images',
  +                type: 'GET',
  +                dataType: 'json',
  +                data: {
  +                    color_id: product.color_id
  +                },
  +                success: function (data) {
  +                    console.log(data);
  +                    if (product.views.length === 0) {
  +                        create_objects_array(data);
  +                    }
  +                    create_image_slider(data);
  +                },
  +                error: function (data) {
  +                    console.log(data);
  +                }
  +            });
  +
  +            fitStageIntoParentContainer();
  +            window.addEventListener('resize', fitStageIntoParentContainer);
  +            $('#image-container .konvajs-content').removeStyle("position");
  +        }
       }
   
       function load_view_3(product_, clicked) {
  
positive.code:             if (ACTUAL_LOGO !== null) {
  
                  ACTUAL_LOGO.scale({
                      x: product.multiplexer - 0.0005 * frame.timeDiff,
                      y: product.multiplexer - 0.0005 * frame.timeDiff
                  });
                  LAYER.draw();
  
                  product.multiplexer = product.multiplexer - 0.0005 * frame.timeDiff;
              }
          }, LAYER);
  
          var anim_right = new Konva.Animation(function (frame) {
              console.log(ACTUAL_LOGO);
              if (ACTUAL_LOGO !== null) {
                  ACTUAL_LOGO.x(ACTUAL_LOGO.x() + (65 * frame.timeDiff / 1000));
                  LAYER.draw();
  
                  console.log(ACTUAL_LOGO.x());
                  product.logo_x = ACTUAL_LOGO.x();
                  product.logo_y = ACTUAL_LOGO.y();
              }
          }, LAYER);
  
          var anim_left = new Konva.Animation(function (frame) {
              if (ACTUAL_LOGO !== null) {
                  ACTUAL_LOGO.x(ACTUAL_LOGO.x() - (65 * frame.timeDiff / 1000));
                  LAYER.draw();
  
                  product.logo_x = ACTUAL_LOGO.x();
                  product.logo_y = ACTUAL_LOGO.y();
              }
          }, LAYER);
  
          var anim_up = new Konva.Animation(function (frame) {
              if (ACTUAL_LOGO !== null) {
                  ACTUAL_LOGO.y(ACTUAL_LOGO.y() - (65 * frame.timeDiff / 1000));
                  LAYER.draw();
  
                  product.logo_x = ACTUAL_LOGO.x();
                  product.logo_y = ACTUAL_LOGO.y();
              }
          }, LAYER);
  
          var anim_down = new Konva.Animation(function (frame) {
              if (ACTUAL_LOGO !== null) {
                  ACTUAL_LOGO.y(ACTUAL_LOGO.y() + (65 * frame.timeDiff / 1000));
                  LAYER.draw();
  
                  product.logo_x = ACTUAL_LOGO.x();
                  product.logo_y = ACTUAL_LOGO.y();
              }
          }, LAYER);
  
  
negative.code:             LAYER.draw();
          };
          image.src = url;
  
          if (view.logo_id) {
              var logo = new Konva.Image({
                  x: view.x,
                  y: view.y,
                  draggable: true,
                  dragBoundFunc: function (pos) {
                      return {
                          x: pos.x > 0 && (pos.x + logo.width()) < 500 * stage_scale ? pos.x : this.getAbsolutePosition().x,
                          y: pos.y > 0 && (pos.y + logo.height()) < 500 * stage_scale ? pos.y : this.getAbsolutePosition().y
                      }
                  }
              });
              group.add(logo);
              view.konva_elements.logo = logo;
  
              logo.on('dragend', function () {
                  view.x = logo.x();
                  view.y = logo.y();
              });
  
              var imageLogo = new Image();
              imageLogo.onload = function () {
                  logo.image(imageLogo);
                  logo.setWidth(this.width);
                  logo.setHeight(this.height);
                  logo.scale({
                      x: view.multiplexer,
                      y: view.multiplexer
                  });
                  LAYER.draw()
              };
  
              $.ajax({
                  url: '/catalog/product/logo?logo_id=' + view.logo_id,
                  type: 'GET',
                  dataType: 'text',
                  data: {},
  