define(['jquery', 'underscore', 'filesaver', 'requtils', 'renderer/miniframe'], function ($, _, filesaver, requtils, MiniFrame) {

    'use strict';

    var Utils = requtils.getUtils();

    /* Scene Begin */

    var Scene = function(_renkan) {

        this.renkan = _renkan;

        this.$ = $(".Rk-Render");

        this.representations = [];

        this.$.html(_renkan.options.templates['templates/scene.html'](_renkan));

        this.onStatusChange();

        this.canvas_$ = this.$.find(".Rk-Canvas");

        this.labels_$ = this.$.find(".Rk-Labels");

        if (!_renkan.options.popup_editor){

            this.editor_$ = $("#" + _renkan.options.editor_panel);

        }else{

            this.editor_$ = this.$.find(".Rk-Editor");

        }

        this.notif_$ = this.$.find(".Rk-Notifications");

        paper.setup(this.canvas_$[0]);

        this.scale = 1;

        this.initialScale = 1;

        this.offset = paper.view.center;

        this.totalScroll = 0;

        this.mouse_down = false;

        this.click_target = null;

        this.selected_target = null;

        this.edge_layer = new paper.Layer();

        this.node_layer = new paper.Layer();

        this.buttons_layer = new paper.Layer();

        this.delete_list = [];

        this.redrawActive = true;

        if (_renkan.options.show_minimap) {

            this.minimap = {

                    background_layer: new paper.Layer(),

                    edge_layer: new paper.Layer(),

                    node_layer: new paper.Layer(),

                    node_group: new paper.Group(),

                    size: new paper.Size( _renkan.options.minimap_width, _renkan.options.minimap_height )

            };

            this.minimap.background_layer.activate();

            this.minimap.topleft = paper.view.bounds.bottomRight.subtract(this.minimap.size);

            this.minimap.rectangle = new paper.Path.Rectangle(this.minimap.topleft.subtract([2,2]), this.minimap.size.add([4,4]));

            this.minimap.rectangle.fillColor = _renkan.options.minimap_background_color;

            this.minimap.rectangle.strokeColor = _renkan.options.minimap_border_color;

            this.minimap.rectangle.strokeWidth = 4;

            this.minimap.offset = new paper.Point(this.minimap.size.divide(2));

            this.minimap.scale = 0.1;

            this.minimap.node_layer.activate();

            this.minimap.cliprectangle = new paper.Path.Rectangle(this.minimap.topleft, this.minimap.size);

            this.minimap.node_group.addChild(this.minimap.cliprectangle);

            this.minimap.node_group.clipped = true;

            this.minimap.miniframe = new paper.Path.Rectangle(this.minimap.topleft, this.minimap.size);

            this.minimap.node_group.addChild(this.minimap.miniframe);

            this.minimap.miniframe.fillColor = '#c0c0ff';

            this.minimap.miniframe.opacity = 0.3;

            this.minimap.miniframe.strokeColor = '#000080';

            this.minimap.miniframe.strokeWidth = 2;

            this.minimap.miniframe.__representation = new MiniFrame(this, null);

        }

        this.throttledPaperDraw = _(function() {

            paper.view.draw();

        }).throttle(100).value();

        this.bundles = [];

        this.click_mode = false;

        var _this = this,

        _allowScroll = true,

        _originalScale = 1,

        _zooming = false,

        _lastTapX = 0,

        _lastTapY = 0;

        this.image_cache = {};

        this.icon_cache = {};

        ['edit', 'remove', 'hide', 'show', 'link', 'enlarge', 'shrink', 'revert' ].forEach(function(imgname) {

            var img = new Image();

            img.src = _renkan.options.static_url + 'img/' + imgname + '.png';

            _this.icon_cache[imgname] = img;

        });

        var throttledMouseMove = _.throttle(function(_event, _isTouch) {

            _this.onMouseMove(_event, _isTouch);

        }, Utils._MOUSEMOVE_RATE);

        this.canvas_$.on({

            mousedown: function(_event) {

                _event.preventDefault();

                _this.onMouseDown(_event, false);

            },

            mousemove: function(_event) {

                _event.preventDefault();

                throttledMouseMove(_event, false);

            },

            mouseup: function(_event) {

                _event.preventDefault();

                _this.onMouseUp(_event, false);

            },

            mousewheel: function(_event, _delta) {

                if(_renkan.options.zoom_on_scroll) {

                    _event.preventDefault();

                    if (_allowScroll) {

                        _this.onScroll(_event, _delta);

                    }

                }

            },

            touchstart: function(_event) {

                _event.preventDefault();

                var _touches = _event.originalEvent.touches[0];

                if (

                        _renkan.options.allow_double_click &&

                        new Date() - _lastTap < Utils._DOUBLETAP_DELAY &&

                        ( Math.pow(_lastTapX - _touches.pageX, 2) + Math.pow(_lastTapY - _touches.pageY, 2) < Utils._DOUBLETAP_DISTANCE )

                ) {

                    _lastTap = 0;

                    _this.onDoubleClick(_touches);

                } else {

                    _lastTap = new Date();

                    _lastTapX = _touches.pageX;

                    _lastTapY = _touches.pageY;

                    _originalScale = _this.scale;

                    _zooming = false;

                    _this.onMouseDown(_touches, true);

                }

            },

            touchmove: function(_event) {

                _event.preventDefault();

                _lastTap = 0;

                if (_event.originalEvent.touches.length === 1) {

                    _this.onMouseMove(_event.originalEvent.touches[0], true);

                } else {

                    if (!_zooming) {

                        _this.onMouseUp(_event.originalEvent.touches[0], true);

                        _this.click_target = null;

                        _this.is_dragging = false;

                        _zooming = true;

                    }

                    if (_event.originalEvent.scale === "undefined") {

                        return;

                    }

                    var _newScale = _event.originalEvent.scale * _originalScale,

                    _scaleRatio = _newScale / _this.scale,

                    _newOffset = new paper.Point([

                                                  _this.canvas_$.width(),

                                                  _this.canvas_$.height()

                                                  ]).multiply( 0.5 * ( 1 - _scaleRatio ) ).add(_this.offset.multiply( _scaleRatio ));

                    _this.setScale(_newScale, _newOffset);

                }

            },

            touchend: function(_event) {

                _event.preventDefault();

                _this.onMouseUp(_event.originalEvent.changedTouches[0], true);

            },

            dblclick: function(_event) {

                _event.preventDefault();

                if (_renkan.options.allow_double_click) {

                    _this.onDoubleClick(_event);

                }

            },

            mouseleave: function(_event) {

                _event.preventDefault();

                //_this.onMouseUp(_event, false);//

                _this.click_target = null;

                _this.is_dragging = false;

            },

            dragover: function(_event) {

                _event.preventDefault();

            },

            dragenter: function(_event) {

                _event.preventDefault();

                _allowScroll = false;

            },

            dragleave: function(_event) {

                _event.preventDefault();

                _allowScroll = true;

            },

            drop: function(_event) {

                _event.preventDefault();

                _allowScroll = true;

                var res = {};

                _.each(_event.originalEvent.dataTransfer.types, function(t) {

                    try {

                        res[t] = _event.originalEvent.dataTransfer.getData(t);

                    } catch(e) {}

                });

                var text = _event.originalEvent.dataTransfer.getData("Text");

                if (typeof text === "string") {

                    switch(text[0]) {

                    case "{":

                    case "[":

                        try {

                            var data = JSON.parse(text);

                            _.extend(res,data);

                        }

                        catch(e) {

                            if (!res["text/plain"]) {

                                res["text/plain"] = text;

                            }

                        }

                        break;

                    case "<":

                        if (!res["text/html"]) {

                            res["text/html"] = text;

                        }

                        break;

                    default:

                        if (!res["text/plain"]) {

                            res["text/plain"] = text;

                        }

                    }

                }

                var url = _event.originalEvent.dataTransfer.getData("URL");

                if (url && !res["text/uri-list"]) {

                    res["text/uri-list"] = url;

                }

                _this.dropData(res, _event.originalEvent);

            }

        });

        var bindClick = function(selector, fname) {

            _this.$.find(selector).click(function(evt) {

                _this[fname](evt);

                return false;

            });

        };

        bindClick(".Rk-ZoomOut", "zoomOut");

        bindClick(".Rk-ZoomIn", "zoomIn");

        bindClick(".Rk-ZoomFit", "autoScale");

        this.$.find(".Rk-ZoomSave").click( function() {

            // Save scale and offset point

        });

        this.$.find(".Rk-ZoomSetSaved").click( function() {

            var view = _this.renkan.project.get("views").last();

            if(view){

                _this.setScale(view.get("zoom_level"), new paper.Point(view.get("offset")));

            }

        });

        if(this.renkan.project.get("views").length > 0 && this.renkan.options.save_view){

            this.$.find(".Rk-ZoomSetSaved").show();

        }

        this.$.find(".Rk-CurrentUser").mouseenter(

                function() { _this.$.find(".Rk-UserList").slideDown(); }

        );

        this.$.find(".Rk-Users").mouseleave(

                function() { _this.$.find(".Rk-UserList").slideUp(); }

        );

        bindClick(".Rk-FullScreen-Button", "fullScreen");

        bindClick(".Rk-AddNode-Button", "addNodeBtn");

        bindClick(".Rk-AddEdge-Button", "addEdgeBtn");

        bindClick(".Rk-Save-Button", "save");

        bindClick(".Rk-Open-Button", "open");

        bindClick(".Rk-Export-Button", "exportProject");

        this.$.find(".Rk-Bookmarklet-Button")

          /*jshint scripturl:true */

          .attr("href","javascript:" + Utils._BOOKMARKLET_CODE(_renkan))

          .click(function(){

              _this.notif_$

              .text(_renkan.translate("Drag this button to your bookmark bar. When on a third-party website, click it to enable drag-and-drop from the website to Renkan."))

              .fadeIn()

              .delay(5000)

              .fadeOut();

              return false;

          });

        this.$.find(".Rk-TopBar-Button").mouseover(function() {

            $(this).find(".Rk-TopBar-Tooltip").show();

        }).mouseout(function() {

            $(this).find(".Rk-TopBar-Tooltip").hide();

        });

        bindClick(".Rk-Fold-Bins", "foldBins");

        paper.view.onResize = function(_event) {

            var _ratio,

                newWidth = _event.width,

                newHeight = _event.height;

            if (_this.minimap) {

                _this.minimap.topleft = paper.view.bounds.bottomRight.subtract(_this.minimap.size);

                _this.minimap.rectangle.fitBounds(_this.minimap.topleft.subtract([2,2]), _this.minimap.size.add([4,4]));

                _this.minimap.cliprectangle.fitBounds(_this.minimap.topleft, _this.minimap.size);

            }

            var ratioH = newHeight/(newHeight-_event.delta.height),

                ratioW = newWidth/(newWidth-_event.delta.width);

            if (newHeight < newWidth) {

                    _ratio = ratioH;

            } else {

                _ratio = ratioW;

            }

            _this.resizeZoom(ratioW, ratioH, _ratio);

            _this.redraw();

        };

        var _thRedraw = _.throttle(function() {

            _this.redraw();

        },50);

        this.addRepresentations("Node", this.renkan.project.get("nodes"));

        this.addRepresentations("Edge", this.renkan.project.get("edges"));

        this.renkan.project.on("change:title", function() {

            _this.$.find(".Rk-PadTitle").val(_renkan.project.get("title"));

        });

        this.$.find(".Rk-PadTitle").on("keyup input paste", function() {

            _renkan.project.set({"title": $(this).val()});

        });

        var _thRedrawUsers = _.throttle(function() {

            _this.redrawUsers();

        }, 100);

        _thRedrawUsers();