//Save PNG......................................
var WebScreenShot= {
    capture : function(win, x, y, width, height, isCopy){
        var mainWindow = document.getElementById('main-window');
        var scrollbox = document.createElement('scrollbox');
        scrollbox.width = '1';
        scrollbox.height = '1';
        mainWindow.appendChild(scrollbox);
        var canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
        canvas.style.display = 'inline';
        canvas.width = width;
        canvas.height = height;
        scrollbox.appendChild(canvas);

        var ctx = canvas.getContext("2d");
        ctx.clearRect(0, 0, width, height);
        ctx.save();
        ctx.scale(1.0, 1.0);
        ctx.drawWindow(win, x, y, width, height, "rgb(255,255,255)");
        ctx.restore();

        var url = canvas.toDataURL("image/png");
        const IO_SERVICE = Components.classes['@mozilla.org/network/io-service;1']
           .getService(Components.interfaces.nsIIOService);
        url = IO_SERVICE.newURI(url, null, null);

        var fp = Components.classes['@mozilla.org/filepicker;1']
           .createInstance(Components.interfaces.nsIFilePicker);
        fp.init(window, "Save Screenshot As", fp.modeSave);
        fp.appendFilters(fp.filterImages);
        fp.defaultExtension = "png";
        fp.defaultString = win.document.title + ".png";
        if ( fp.show() == fp.returnCancel || !fp.file ) return;

        var wbp = Components.classes['@mozilla.org/embedding/browser/nsWebBrowserPersist;1']
           .createInstance(Components.interfaces.nsIWebBrowserPersist);
        wbp.saveURI(url, null, null, null, null, fp.file);
        
        mainWindow.removeChild(scrollbox);
    },
        
    init : function(){
        document.getElementById('contentAreaContextMenu').addEventListener('popupshowing', this, false);
    },
};

//Save captureAll
this.captureAll ={
            init : function(){
        var win = content;
        WebScreenShot.capture(win, 0, 0, win.innerWidth + win.scrollMaxX, win.innerHeight + win.scrollMaxY);
    }};

//Save capturePage
this. capturePage ={
        init :function(){
        var win = content, doc = win.document, body = doc.body, html = doc.documentElement;
        var scrX = (body.scrollLeft || html.scrollLeft) - html.clientLeft;
        var scrY = (body.scrollTop || html.scrollTop) - html.clientTop;
        WebScreenShot.capture(win, scrX, scrY, win.innerWidth, win.innerHeight);
    }
      },

//Save WebScreenShotByClipping
this. WebScreenShotByClipping ={
    capture : WebScreenShot.capture,
    handleEvent : function(event){
        if (event.button != 0) return false;
        event.preventDefault();
        event.stopPropagation();
        switch(event.type){
            case 'mousedown':
                this.downX = event.pageX;
                this.downY = event.pageY;
                this.bs.left = this.downX + 'px';
                this.bs.top  = this.downY + 'px';
                this.body.appendChild(this.box);
                this.flag = true;
                break;
            case 'mousemove':
                if (!this.flag) return;
                this.moveX = event.pageX;
                this.moveY = event.pageY;
                if (this.downX > this.moveX) this.bs.left = this.moveX + 'px';
                if (this.downY > this.moveY) this.bs.top  = this.moveY + 'px';
                this.bs.width  = Math.abs(this.moveX - this.downX) + 'px';
                this.bs.height = Math.abs(this.moveY - this.downY) + 'px';
                break;
            case 'mouseup':
                this.uninit();
                break;
        }
    },
    init : function(){
        this.win = document.commandDispatcher.focusedWindow;
        if (this.win == window) this.win = content;
        this.doc = this.win.document;
        this.body = this.doc.body;
        if (!this.body instanceof HTMLBodyElement){
            alert("Can not capture.");
            return false;
        }
        this.flag = null;
        this.box = this.doc.createElement('div');
        this.bs = this.box.style;
        this.bs.border = '#0f0 dashed 2px';
        this.bs.position = 'absolute';
        this.bs.zIndex = '2147483647';
        this.defaultCursor = getComputedStyle(this.body, '').cursor;
        this.body.style.cursor = 'crosshair';
        this.doc.addEventListener('mousedown', this, true);
        this.doc.addEventListener('mousemove', this ,true);
        this.doc.addEventListener('mouseup', this ,true);
        this.doc.addEventListener('click', this, true);
    },
    uninit : function(){
        var pos = [this.win, parseInt(this.bs.left), parseInt(this.bs.top), parseInt(this.bs.width), parseInt(this.bs.height)];
        this.doc.removeEventListener('mousedown', this, true);
        this.doc.removeEventListener('mousemove', this, true);
        this.doc.removeEventListener('mouseup', this, true);
        this.doc.removeEventListener('click', this, true);
        this.body.style.cursor = this.defaultCursor;
        this.body.removeChild(this.box);
        this.capture.apply(this, pos);
    },
}
//Save WebScreenShotByClick
this.WebScreenShotByClick = {
    capture : WebScreenShot.capture,
    getPosition : function(){
        var html = this.doc.documentElement;
        var body = this.doc.body;
        var rect = this.target.getBoundingClientRect();
        return [
            this.win
            , Math.round(rect.left) + (body.scrollLeft || html.scrollLeft) - html.clientLeft
            , Math.round(rect.top) + (body.scrollTop || html.scrollTop) - html.clientTop
            , parseInt(rect.width)
            , parseInt(rect.height)
        ];
    },
    highlight : function(){
        this.orgStyle = this.target.hasAttribute('style')? this.target.style.cssText : false;
        this.target.style.cssText += 'outline: red 2px solid; outline-offset: 2px; -moz-outline-radius: 2px;';
    },
    lowlight : function(){
        if (this.orgStyle) this.target.style.cssText = this.orgStyle;
        else this.target.removeAttribute('style'); 
    },
    handleEvent : function(event){
        switch(event.type){
            case 'click':
                if (event.button != 0) return;
                event.preventDefault();
                event.stopPropagation();
                this.lowlight();
                var pos = this.getPosition();
                this.capture.apply(this, pos);
                this.uninit();
                break;
            case 'mouseover':
                if (this.target) this.lowlight();
                this.target = event.target;
                this.highlight();
                break;
        }
    },
    init : function(){
        this.win = content;
        this.doc = content.document;
        this.doc.addEventListener('mouseover', this, true);
        this.doc.addEventListener('click', this, true);
    },
    uninit : function(){
        this.doc.removeEventListener('mouseover', this, true);
        this.doc.removeEventListener('click', this, true);
    },
}
WebScreenShot.init();