// ==UserScript==
// @name          SBM Comments Viewer for chrome
// @namespace     http://zuzu-service.net/
// @description   Show social bookmark's comments at the bottom of chrome.
// @version       0.0.1
// @include       http://*
// @exclude       http://reader.livedoor.com/reader/*
// @exclude       http://www.google.com/search?*
// author: zuzu( http://d.hatena.ne.jp/zuzu_sion/ )

// original author: tyoro( http://tyoro.orz.ne.jp/ )
// original script : http://white.s151.xrea.com/wiki/index.php?script/SBMCommentsViewer
// by http://white.s151.xrea.com/blog/


// ==/UserScript==

/*

Last Modified: 2007.11.01

Copyright (C) 2006-2007 shiro

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions
are met:

1. Redistributions of source code must retain the above copyright
   notice, this list of conditions and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright
   notice, this list of conditions and the following disclaimer in
   the documentation and/or other materials provided with the
   distribution.

3. The name of the author may not be used to endorse or promote
   products derived from this software without specific prior
   written permission.

THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY
DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.
*/

var SBMCommentsViewer = function() {

	var forfilter = function(arr,callback) {
		var _arr = [];
		for(var i=0, len = arr.length; i < len; i++) {
			try {
				if (callback(arr[i],i)) _arr.push(arr[i]);
			} catch (e) {
				throw e;
			}
		}
		return _arr;
	};


    // --------------------------------------------------------------
    // Shortcut key
    // --------------------------------------------------------------
    // C -- control
    // S -- shift
    // A -- alt
    var BIND_KEY = 'S-c';

    // --------------------------------------------------------------
    // max count (each sbm)
    // --------------------------------------------------------------
    var MAX_GET_COUNT = 100;
    
    // --------------------------------------------------------------
    // ignore user
    // --------------------------------------------------------------
    var ignore_hatena = [];
    var ignore_delicious = [];
    var ignore_livedoor = [];
    var ignore_buzzurl = [];
    var ignore_pookmark = [];
    var ignore_ldr = [];

    // --------------------------------------------------------------
    // mouse
    // --------------------------------------------------------------
    // mouseover,click,dblclick etc
    var mouse_event_show = 'click';
    
    // --------------------------------------------------------------
    // CSS
    // --------------------------------------------------------------
    var font_css = "font-size:100%; color:#333333;";
    var button_font_css = "font-size:100%; color:#eeeeee;";
    var back_css = [
        "background-image:none;",
        "background-color:white; ",
        "opacity:0.90;"
        ].join('');
    var comment_height = 250;
    var option_height = 80;
    // for comment area
    var comment_area_css = [
        "left:20px; ",
        "right:0px; ",
        "bottom:0px; ",
        "text-align:left; ",
        "position:fixed; ",
        "z-index:100; ",
        "height:" + comment_height + "px; ",
        "margin:0px; ",
        "padding:0px;",
        back_css,
        font_css
        ].join('');

    // for comment
    var comment_css = [
        "position:relative; ",
        "bottom:0px; ",
        "border: 1px solid #999999; ",
        "overflow:auto; ",
        "margin:0px; ",
        "height:" + comment_height + "px; ",
        back_css,
        font_css
        ].join('');

    // for count
    var count_css = [
        "position:absolute; ",
        "text-align:right; ",
        "right:0px; ",
        "position:absolute; ",
        "border:1px solid #999999; ",
        "top:-" + (option_height-2) + "px; ",
        back_css,
        font_css,
        "opacity:0.2; "
        ].join('');

    // for count(number)
    var number_css = "font-weight:bold;";

    // for options
    var option_css = [
        "left:0px; ",
        "right:0px; ",
        "position:absolute; ",
        "border:1px solid #999999; ",
        "marginargin:0px; ",
        "border-bottom:0; ",
        "line-height:110%; ",
        "height:" + option_height + "px; ",
        "top:-" + option_height + "px; ",
        back_css,
        font_css
        ].join('');
    
    // for stress text of option
    var option_text_css = "font-weight:bold; text-decoration:underline;";

    // for anchor
    var anchor_css = [
        "font-size:100%;",
        "color:blue;",
        "text-decoration:none;",
        back_css
        ].join('');

    // for mini mode
    var mini_css = [
        "right:0px;",
        "bottom:0px; ",
        "text-align:right; ",
        "position:fixed; ",
        "overflow:auto; ",
        "z-index:100; ",
        back_css,
        font_css,
//        "padding-left:10px; ",
//        "padding-right:10px; ",
        "border-top: 1px solid #666666; ",
        "border-left: 1px solid #666666; "
        ].join('');


    // for mini mode list area
    var mini_lt_css = [
        "border-top: 0px; ",
        "border-left: 0px; ",
        "padding-left:0px; ",
        "padding-right:0px; "
        ].join('');

    // for mini mode open area
    var mini_op_css = [
        "background-color:red; ",
        "opacity:0.90;",
        button_font_css,
        "border-top: 1px solid #666666; ",
        "border-left: 1px solid #666666; "
        ].join('');

    // for mini mode close area
    var mini_cl_css = [
        "background-color:blue; ",
        "opacity:0.90;",
        button_font_css,
        "border-top: 1px solid #666666; ",
        "border-left: 1px solid #666666; "
        ].join('');

    // for mini mode mini area
    var mini_mini_css = [
        "right:0px;",
        "bottom:0px; ",
        "height:15px; ",
        "width:7px; ",
        "text-align:right; ",
        "position:fixed; ",
        "overflow:auto; ",
        "z-index:99; ",
        "background-color:red; ",
        "opacity:0.90;",
        button_font_css,
        "border-top: 1px solid #666666; ",
        "border-left: 1px solid #666666; "
        ].join('');

    // tag cloud
    var tag_cloud_min_size = 15;
    var tag_cloud_max_size = 50;

    try{
        if (self.location.href!=top.location.href || !document.body) return;
    }catch(e){
        return;
    }
    var uri = top.location.href.replace(/#/g, '%23');
    var w = contentWindow;
    var option = new Option();
    var comment_area = new CommentArea();
    var is_load = false;

    // --------------------------------------------------------------
    // Comment Area
    // --------------------------------------------------------------
    function CommentArea (show) {
        this.comments = [];
        this.comments_no_dup = false;
        var counts = [];
        
        CommentArea.prototype.setup = function () {
            if(this.id) return;
            this.id = 'SBMCommentsViewerArea';
            this.div = document.createElement('div');
            this.div.setAttribute('id', this.id);
            this.div.setAttribute('style', comment_area_css + 'display:none;');
            this.div.addEventListener("dblclick", function(){comment_area.hide()}, false);
            document.body.appendChild(this.div);

            this.id_option = 'SBMoptionsViewerOptionArea';
            this.option = document.createElement('div');
            this.option.setAttribute('id', this.id_option);
            this.option.setAttribute('style', option_css);
            this.div.appendChild(this.option);

            this.id_panel = 'SBMCommentsViewerCommentArea';
            this.comment = document.createElement('ol');
            this.panel = document.createElement('div');
            this.panel.setAttribute('style', comment_css);
            this.panel.setAttribute('id', this.id_panel);
            this.div.appendChild(this.panel);

            this.id_count = 'SBMCommentsViewerCountArea';
            this.count = document.createElement('div');
            this.count.setAttribute('id', this.id_count);
            this.count.setAttribute('style', count_css);
            this.count_opacity = this.count.style.opacity;
            this.count.addEventListener("mouseover", function(){
                this.style.opacity = '1.0';
            }, false);
            this.count.addEventListener("mouseout", function(){
                this.style.opacity = comment_area.count_opacity;
            }, false);
            this.div.appendChild(this.count);

            this.id_mini = 'SBMCommentsViewerMini';
            this.mini = document.createElement('div');
            this.mini.setAttribute('id', this.id_mini);
            this.mini.setAttribute('style', mini_css + 'display:none');
            document.body.appendChild(this.mini);

            this.id_miniop = 'SBMCommentsViewerMiniOpen';
            this.miniop = document.createElement('span');
            this.miniop.setAttribute('id', this.id_miniop);
	    	this.miniop.innerHTML = "&lt;";
            this.miniop.setAttribute('style', mini_op_css );
            this.miniop.addEventListener(mouse_event_show, function(){comment_area.show()}, false);
            this.mini.appendChild(this.miniop);

            this.id_miniop = 'SBMCommentsViewerMiniList';
            this.minilt = document.createElement('span');
            this.minilt.setAttribute('id', this.id_minilt);
            this.minilt.setAttribute('style', mini_lt_css );
            this.mini.appendChild(this.minilt);

            this.id_minicl = 'SBMCommentsViewerMiniClose';
            this.minicl = document.createElement('span');
            this.minicl.setAttribute('id', this.id_minicl);
	    	this.minicl.innerHTML = "&gt;";
            this.minicl.setAttribute('style', mini_cl_css );
            this.minicl.addEventListener(mouse_event_show, function(){comment_area.minishow()}, false);
            this.mini.appendChild(this.minicl);

            this.id_minimini = 'SBMCommentsViewerMinimini';
            this.minimini = document.createElement('div');
            this.minimini.setAttribute('id', this.id_minimini);
	    	this.minimini.innerHTML = "&lt;";
            this.minimini.setAttribute('style', mini_mini_css + 'display:none');
            this.minimini.addEventListener(mouse_event_show, function(){comment_area.minihide()}, false);
            document.body.appendChild(this.minimini);
        }
        
        CommentArea.prototype.show = function (reset) {
            this.setup();
            loadSBM();
            this.getOption();
            if(reset) this.init(false);
            if(this.mini.style.display != 'none')
              this.mini.style.display = 'none';
            if(this.div.style.display != 'block')
              this.div.style.display = 'block';
        }
        CommentArea.prototype.hide = function () {
            if(this.mini.style.display != 'block')
              this.mini.style.display = 'block';
            if(this.div.style.display != 'none')
              this.div.style.display = 'none';
        }
        CommentArea.prototype.minishow = function (reset) {
            if(this.mini.style.display != 'none')
              this.mini.style.display = 'none';
            if(this.minimini.style.display != 'block')
              this.minimini.style.display = 'block';
        }
        CommentArea.prototype.minihide = function () {
            if(this.mini.style.display != 'block')
              this.mini.style.display = 'block';
            if(this.minimini.style.display != 'none')
              this.minimini.style.display = 'none';
        }
        CommentArea.prototype.toggle = function () {
            if(!this.div || this.div.style.display == 'none'){
                this.show();
            }else{
                this.hide();
            }
        }
        CommentArea.prototype.init = function (_type) {
            var types = [];
            for(var property in this.comments) {
                types.push(property);
            }
            if(option.show_type == "Comment"){
                this.initComment(_type, types);
            }else{
                this.initTagCloud(_type, types);
            }
        }
        CommentArea.prototype.initTagCloud = function (_type, types) {
            var tagcloud;
            if(!_type && this.tagcloud){
                tagcloud = this.tagcloud;
            }else{
                var tags = [];
                var min;
                var max;
                var cmts = this.getUniqueUser(_type, types);
                for(var i=0; i<cmts.length; i++){
                    var comment = cmts[i];
                    if(comment){
                        for(var k=0; k<comment.tags.length; k++){
                            if(tags[comment.tags[k].toLowerCase()]){
                                tags[comment.tags[k].toLowerCase()]++;
                            }else{
                                tags[comment.tags[k].toLowerCase()] = 1;
                            }
                        }
                    }
                }
                for(var tag in tags){
                    var count = tags[tag];
                    if(!min && !max){
                        min = count;
                        max = count;
                    }
                    if(count != 0 && min>count){
                        min = count;
                    }
                    if(count !=0 && max<count){
                        max = count;
                    }
                }
                tagcloud = new TagCloud(tags, min, max);
                if(!_type){
                    this.tagcloud = tagcloud;
                }
            }
            this.panel.innerHTML = '';
            this.panel.appendChild(tagcloud.getHTML());
        }
        CommentArea.prototype.initComment = function (_type, types) {
            this.panel.innerHTML = '';
            this.comment.innerHTML = '';
            var text = "";
            var cmts = [];
            if(option.remove_multipost) {
                cmts = this.getUniqueUser(_type, types);
            }else{
                for(var i=0; i<types.length; i++){
                    cmts = cmts.concat( forfilter( this.comments[types[i]] , function(c){ return c.isNotIgnore();} ) );
                }
            }
            switch(option.sort_type) {
              case "SBMAsc":
                cmts.sort(function(a,b){return (a.href > b.href) ? 1 : -1;});
                break;
              case "SBMDesc":
                cmts.sort(function(a,b){return (a.href > b.href) ? -1 : 1;});
                break;
              case "DateAsc":
                cmts.sort(function(a,b){return a.date-b.date;});
                break;
              case "DateDesc":
                cmts.sort(function(a,b){return b.date-a.date;});
                break;
              case "UserAsc":
                cmts.sort(function(a,b){return (a.user > b.user) ? 1 : -1;});
                break;
              case "UserDesc":
                cmts.sort(function(a,b){return (a.user > b.user) ? -1 : 1;});
                break;
            }
            for(var a=0; a<cmts.length; a++){
                text += cmts[a].getHTML();
            }
            this.comment.innerHTML += text;
            this.panel.appendChild(this.comment);
        }
        CommentArea.prototype.getUniqueUser = function(_type, types){
            var cmts = [];
            if(!_type && this.comments_no_dup){
                cmts = this.comments_no_dup;
            }else{
                while(types.length > 0) {
                    var type = types.shift();
                    for(var i=0; i<this.comments[type].length; i++) {
                        var flag = true;
                        var comment1 = this.comments[type][i];
                        if(comment1 && comment1.isNotIgnore()) {
                            var user = comment1.user.toLowerCase();
                            var cmnt = comment1.comment;
                            var y = comment1.date.getFullYear();
                            var m = comment1.date.getMonth();
                            var d = comment1.date.getDate();
                            for(var j=0; j<types.length; j++) {
                                for(var k=0; k<this.comments[types[j]].length; k++){
                                    var comment2 = this.comments[types[j]][k];
                                    if(comment2){
                                        var date = comment2.date;
                                        if(user == comment2.user.toLowerCase() && cmnt == comment2.comment){
                                            if(y == date.getFullYear() && m == date.getMonth() && d == date.getDate()) {
                                                flag = false;
                                                k = this.comments[types[j]].length;
                                                j = types.length;
                                                break;
                                            }
                                        }
                                    }
                                }
                            }
                            if(flag){
                                cmts.push(comment1);
                            }
                        }
                    }
                }
                if(!_type){
                    this.comments_no_dup = cmts;
                }
            }
            return cmts;
        }
        CommentArea.prototype.getOption = function() {
            this.option.innerHTML = ''
              this.option.appendChild(option.getHTML());
        }
        CommentArea.prototype.addCount = function (count, image, link, addlink) {
            var c = new Count(count, image, link, addlink);
            counts.push(c);
            this.count.innerHTML += c.getHTML();
            this.minilt.innerHTML += c.getMiniHTML();
        }
        CommentArea.prototype.addComments = function (type ,comments) {
            this.comments[type] = comments;
        }
        return this;
    }

    // --------------------------------------------------------------
    // Cookie
    // --------------------------------------------------------------
	function setCookieValue( cookieName, cookieValue ) {
		if( !cookieName ) { return; }
		document.cookie = escape( cookieName ) + "=" + escape( cookieValue ) +
			";expires=" + ( new Date( ( new Date() ).getTime() + ( 31536000000 ) ) ).toGMTString() + ";path=/";
	}

	function getCookieValue( cookieName ) {
		var cookieJar = document.cookie.split( "; " );
		for( var x = 0; x < cookieJar.length; x++ ) {
			var oneCookie = cookieJar[x].split( "=" );
			if( oneCookie[0] == escape( cookieName ) ) {
				try {
					eval('var footm = '+unescape( oneCookie[1] ));
				} catch(e) { return undefined; }
				return footm;
			}
		}
		return undefined;
	}

    // --------------------------------------------------------------
    // Option
    // --------------------------------------------------------------
    function Option() {
        // "Comment" or "TagCloud"
        this.show_type = (typeof getCookieValue("show_type") != 'undefined') ? getCookieValue("show_type"): "Comment";
        this.show_types = ["Comment", "TagCloud"];
        this.remove_multipost = (typeof getCookieValue("remove_multipost") != 'undefined' || typeof getCookieValue("remove_multipost") != 'string') ? getCookieValue("remove_multipost"): true;
        this.sort_type = (typeof getCookieValue("sort_type") != 'undefined') ? getCookieValue("sort_type"): 'SBMAsc';
        this.sort_types = ['SBMAsc', 'SBMDesc', 'DateAsc', 'DateDesc', 'UserAsc', 'UserDesc'];
        this.tag_sort_type = (typeof getCookieValue("tag_sort_type") != 'undefined') ? getCookieValue("tag_sort_type"): 'NumberDesc';
        this.tag_sort_types = ['NumberAsc', 'NumberDesc', 'NameAsc', 'NameDesc'];
        this.show_tag = (typeof getCookieValue("show_tag") != 'undefined') ? getCookieValue("show_tag"): true;
        this.show_nocomment = (typeof getCookieValue("show_nocomment") != 'undefined') ? getCookieValue("show_nocomment"): true;
        this.auto_start = (typeof getCookieValue("auto_start") != 'undefined') ? getCookieValue("auto_start"): true;
        this.auto_start_open = (typeof getCookieValue("auto_start_open") != 'undefined') ? getCookieValue("auto_start_open"): false;

        Option.prototype.setShowType = function(arg){
            this.show_type = arg;
            setCookieValue("show_type", this.show_type);
            comment_area.show(true);
        }
        Option.prototype.setShowTag = function(arg){
            this.show_tag = arg;
            setCookieValue("show_tag", this.show_tag);
            comment_area.show(true);
        }
        Option.prototype.setShowNoComment = function(arg){
            this.show_nocomment = arg;
            setCookieValue("show_nocomment", this.show_nocomment);
            comment_area.show(true);
        }
        Option.prototype.setSort = function(arg){
            this.sort_type = arg;
            setCookieValue("sort_type", this.sort_type);
            comment_area.show(true);
        }
        Option.prototype.setRemoveMultipost = function(arg){
            this.remove_multipost = arg;
            setCookieValue("remove_multipost", this.remove_multipost);
            comment_area.show(true);
        }
        Option.prototype.setAutoStart = function(arg){
            this.auto_start = arg;
            setCookieValue("auto_start", this.auto_start);
            comment_area.show(true);
        }
        Option.prototype.setAutoStartOpen = function(arg){
            this.auto_start_open = arg;
            setCookieValue("auto_start_open", this.auto_start_open);
            comment_area.show(true);
        }
        Option.prototype.setTagSort = function(arg){
            this.tag_sort_type = arg;
            setCookieValue("tag_sort_type", this.tag_sort_type);
            comment_area.show(true);
        }
        Option.prototype.getHTML = function() {
            var ul = document.createElement('ul');
            ul.setAttribute('style', 'list-style: none; margin: 10px;');

            var li_option = document.createElement('li');
            ul.appendChild(li_option);
            // Comment or TagCloud
            var a_type = document.createElement('a');
            for(var i=0; i<this.show_types.length; i++){
                if(this.show_types[i] == this.show_type) {
                    var span_type = document.createElement('span');
                    span_type.innerHTML = this.show_types[i];
                    span_type.setAttribute('style', option_text_css);
                    li_option.appendChild(span_type);
                }else{
                    var a_type = document.createElement('a');
                    a_type.setAttribute('href', "javascript:void(0)");
                    a_type.setAttribute('style', anchor_css);
                    a_type.innerHTML = this.show_types[i];
                    a_type.addEventListener("click", function(){option.setShowType(this.innerHTML)}, false);
                    li_option.appendChild(a_type);
                }
                li_option.appendChild(document.createTextNode(" / "));
            }
            // auto start
            var a_as = document.createElement('a');
            a_as.setAttribute('href', "javascript:void(0)");
            a_as.setAttribute('style', anchor_css + ((this.auto_start) ? option_text_css : ''));
            a_as.innerHTML = "Auto start";
            if(this.auto_start){
                a_as.addEventListener("click", function(){option.setAutoStart(false)}, false);
            }else{
                a_as.addEventListener("click", function(){option.setAutoStart(true)}, false);
            }
            li_option.appendChild(a_as);
            li_option.appendChild(document.createTextNode(" "));
            if(this.auto_start){
                // auto start open
                var a_aso = document.createElement('a');
                a_aso.setAttribute('href', "javascript:void(0)");
                a_aso.setAttribute('style', anchor_css + ((this.auto_start_open) ? option_text_css : ''));
                a_aso.innerHTML = "(Open)";
                if(this.auto_start_open){
                    a_aso.addEventListener("click", function(){option.setAutoStartOpen(false)}, false);
                }else{
                    a_aso.addEventListener("click", function(){option.setAutoStartOpen(true)}, false);
                }
                li_option.appendChild(a_aso);
                li_option.appendChild(document.createTextNode(" "));
            }
            li_option.appendChild(document.createTextNode("/ "));
            if(this.show_type == "Comment") {
                // sort
                var li_sort = document.createElement('li');
                for(var i=0; i<this.sort_types.length; i++){
                    if(this.sort_types[i] == this.sort_type) {
                        var span_sort = document.createElement('span');
                        span_sort.innerHTML = this.sort_types[i];
                        span_sort.setAttribute('style', option_text_css);
                        li_sort.appendChild(span_sort);
                    }else{
                        var a_sort = document.createElement('a');
                        a_sort.setAttribute('href', "javascript:void(0)");
                        a_sort.setAttribute('style', anchor_css);
                        a_sort.innerHTML = this.sort_types[i];
                        a_sort.addEventListener("click", function(){option.setSort(this.innerHTML)}, false);
                        li_sort.appendChild(a_sort);
                    }
                    if(i+1<this.sort_types.length) {
                        li_sort.appendChild(document.createTextNode(" / "));
                    }
                }
                ul.appendChild(li_sort);
                var li_comment_option = document.createElement('li');
                ul.appendChild(li_comment_option);
                // multiposter
                var a_multi = document.createElement('a');
                a_multi.setAttribute('href', "javascript:void(0)");
                a_multi.setAttribute('style', anchor_css + ((!this.remove_multipost) ? option_text_css : ''));
                a_multi.innerHTML = "Multi poster" ;
                if(this.remove_multipost){
                    a_multi.addEventListener("click", function(){option.setRemoveMultipost(false)}, false);
                }else{
                    a_multi.addEventListener("click", function(){option.setRemoveMultipost(true)}, false);
                }
                li_comment_option.appendChild(a_multi);
                li_comment_option.appendChild(document.createTextNode(" / "));
                // tag
                var a_tag = document.createElement('a');
                a_tag.setAttribute('href', "javascript:void(0)");
                a_tag.setAttribute('style', anchor_css + ((this.show_tag) ? option_text_css : ''));
                a_tag.innerHTML = "Tag";
                if(this.show_tag){
                    a_tag.addEventListener("click", function(){option.setShowTag(false)}, false);
                }else{
                    a_tag.addEventListener("click", function(){option.setShowTag(true)}, false);
                }
                li_comment_option.appendChild(a_tag);
                li_comment_option.appendChild(document.createTextNode(" / "));
                // no commenter
                var a_com = document.createElement('a');
                a_com.setAttribute('href', "javascript:void(0)");
                a_com.setAttribute('style', anchor_css + ((this.show_nocomment) ? option_text_css : ''));
                a_com.innerHTML = "No commenter";
                if(this.show_nocomment){
                    a_com.addEventListener("click", function(){option.setShowNoComment(false)}, false);
                }else{
                    a_com.addEventListener("click", function(){option.setShowNoComment(true)}, false);
                }
                li_comment_option.appendChild(a_com);
            }else{
                // sort
                var li_tag_sort = document.createElement('li');
                for(var i=0; i<this.tag_sort_types.length; i++){
                    if(this.tag_sort_types[i] == this.tag_sort_type) {
                        var span_tag_sort = document.createElement('span');
                        span_tag_sort.innerHTML = this.tag_sort_types[i];
                        span_tag_sort.setAttribute('style', option_text_css);
                        li_tag_sort.appendChild(span_tag_sort);
                    }else{
                        var a_tag_sort = document.createElement('a');
                        a_tag_sort.setAttribute('href', "javascript:void(0)");
                        a_tag_sort.setAttribute('style', anchor_css);
                        a_tag_sort.innerHTML = this.tag_sort_types[i];
                        a_tag_sort.addEventListener("click", function(){option.setTagSort(this.innerHTML)}, false);
                        li_tag_sort.appendChild(a_tag_sort);
                    }
                    if(i+1<this.tag_sort_types.length){
                        li_tag_sort.appendChild(document.createTextNode(" / "));
                    }
                }
                ul.appendChild(li_tag_sort);
            }
            return ul;
        }
        return this;
    }
    // --------------------------------------------------------------
    // Count
    // --------------------------------------------------------------
    function Count(count, image, link, addlink) {
        this.count = count;
        this.image = image;
        this.link  = link;
        this.addlink  = addlink;
        Count.prototype.getHTML = function(){
            var s = (this.count>1) ? "s" : " ";
            return '<a href="' + this.link + '" style="' + anchor_css + '"><span style="'
              + number_css + '">' + this.count + '</span> user' + s +'</a> <img src="' + this.image + '"/><br/>';
        }
        Count.prototype.getMiniHTML = function(){
            return '<a href="'+this.addlink+'"><img src="' + this.image + '"/></a>:<a href="' + this.link + '" style="' + anchor_css + '"><span style="' + number_css + '">' + this.count + '</span></a> ';
        }
        return this;
    }

    // --------------------------------------------------------------
    // Tag Cloud
    // --------------------------------------------------------------
    function TagCloud(_tags, _min, _max){
        this.tags = _tags;
        this.count_min = _min;
        this.count_max = _max;
        this.size_min = tag_cloud_min_size;
        this.size_max = tag_cloud_max_size;
        this.keys = [];
        for(var tag in this.tags){
            this.keys.push(tag);
        }
        TagCloud.prototype.calc = function(count) {
            return (this.size_max - this.size_min) * (count - this.count_min) /
              (this.count_max - this.count_min) + this.size_min;
        }
        TagCloud.prototype.getHTML = function(){
            var div = document.createElement('div');
            var tags = this.tags;
            switch(option.tag_sort_type) {
              case "NumberAsc":
                this.keys.sort(function(a,b){return tags[a]-tags[b]});
                break;
              case "NumberDesc":
                this.keys.sort(function(a,b){return tags[b]-tags[a]});
                break;
              case "NameAsc":
                this.keys.sort(function(a,b){return (a > b) ? 1 : -1;});
                break;
              case "NameDesc":
                this.keys.sort(function(a,b){return (a > b) ? -1 : 1;});
                break;
            }
            for(var i=0; i<this.keys.length; i++){
                tag = this.keys[i];
                var span = document.createElement('span');
                span.setAttribute('style', "font-size:" + this.calc(this.tags[tag]) + "px;");
                span.innerHTML = tag;
                div.appendChild(span);
                div.appendChild(document.createTextNode("(" + this.tags[tag] + ") "));
            }
            return div;
        }
    }

    // --------------------------------------------------------------
    // MD5
    // http://www.onicos.com/staff/iz/amuse/javascript/expert/md5.txt
    // --------------------------------------------------------------
    /* md5.js - MD5 Message-Digest
     * Copyright (C) 1999,2002 Masanao Izumo <iz@onicos.co.jp>
     * Version: 2.0.0
     * LastModified: May 13 2002
     *
     * This program is free software.  You can redistribute it and/or modify
     * it without any warranty.  This library calculates the MD5 based on RFC1321.
     * See RFC1321 for more information and algorism.
     */
    var MD5_T = new Array(0x00000000, 0xd76aa478, 0xe8c7b756, 0x242070db, 0xc1bdceee, 0xf57c0faf, 0x4787c62a, 0xa8304613, 0xfd469501, 0x698098d8, 0x8b44f7af, 0xffff5bb1, 0x895cd7be, 0x6b901122, 0xfd987193, 0xa679438e, 0x49b40821, 0xf61e2562, 0xc040b340, 0x265e5a51, 0xe9b6c7aa, 0xd62f105d, 0x02441453, 0xd8a1e681, 0xe7d3fbc8, 0x21e1cde6, 0xc33707d6, 0xf4d50d87, 0x455a14ed, 0xa9e3e905, 0xfcefa3f8, 0x676f02d9, 0x8d2a4c8a, 0xfffa3942, 0x8771f681, 0x6d9d6122, 0xfde5380c, 0xa4beea44, 0x4bdecfa9, 0xf6bb4b60, 0xbebfbc70, 0x289b7ec6, 0xeaa127fa, 0xd4ef3085, 0x04881d05, 0xd9d4d039, 0xe6db99e5, 0x1fa27cf8, 0xc4ac5665, 0xf4292244, 0x432aff97, 0xab9423a7, 0xfc93a039, 0x655b59c3, 0x8f0ccc92, 0xffeff47d, 0x85845dd1, 0x6fa87e4f, 0xfe2ce6e0, 0xa3014314, 0x4e0811a1, 0xf7537e82, 0xbd3af235, 0x2ad7d2bb, 0xeb86d391);
    var MD5_round1 = new Array(new Array( 0, 7, 1), new Array( 1,12, 2), new Array( 2,17, 3), new Array( 3,22, 4), new Array( 4, 7, 5), new Array( 5,12, 6), new Array( 6,17, 7), new Array( 7,22, 8), new Array( 8, 7, 9), new Array( 9,12,10), new Array(10,17,11), new Array(11,22,12), new Array(12, 7,13), new Array(13,12,14), new Array(14,17,15), new Array(15,22,16));
    var MD5_round2 = new Array(new Array( 1, 5,17), new Array( 6, 9,18), new Array(11,14,19), new Array( 0,20,20), new Array( 5, 5,21), new Array(10, 9,22), new Array(15,14,23), new Array( 4,20,24), new Array( 9, 5,25), new Array(14, 9,26), new Array( 3,14,27), new Array( 8,20,28), new Array(13, 5,29), new Array( 2, 9,30), new Array( 7,14,31), new Array(12,20,32));
    var MD5_round3 = new Array(new Array( 5, 4,33), new Array( 8,11,34), new Array(11,16,35), new Array(14,23,36), new Array( 1, 4,37), new Array( 4,11,38), new Array( 7,16,39), new Array(10,23,40), new Array(13, 4,41), new Array( 0,11,42), new Array( 3,16,43), new Array( 6,23,44), new Array( 9, 4,45), new Array(12,11,46), new Array(15,16,47), new Array( 2,23,48));
    var MD5_round4 = new Array(new Array( 0, 6,49), new Array( 7,10,50), new Array(14,15,51), new Array( 5,21,52), new Array(12, 6,53), new Array( 3,10,54), new Array(10,15,55), new Array( 1,21,56), new Array( 8, 6,57), new Array(15,10,58), new Array( 6,15,59), new Array(13,21,60), new Array( 4, 6,61), new Array(11,10,62), new Array( 2,15,63), new Array( 9,21,64));
    function MD5_F(x,y,z){return (x&y)|(~x&z);}
    function MD5_G(x,y,z){return (x&z)|(y&~z);}
    function MD5_H(x,y,z){return x^y^z;}
    function MD5_I(x,y,z){return y^(x|~z);}
    var MD5_round=new Array(new Array(MD5_F, MD5_round1), new Array(MD5_G, MD5_round2), new Array(MD5_H, MD5_round3), new Array(MD5_I, MD5_round4));
    function MD5_pack(n32){return String.fromCharCode(n32 & 0xff)+String.fromCharCode((n32>>>8)&0xff)+String.fromCharCode((n32>>>16)&0xff)+String.fromCharCode((n32>>>24)&0xff);}
    function MD5_unpack(s4){return s4.charCodeAt(0)|(s4.charCodeAt(1)<<8)|(s4.charCodeAt(2)<<16)|(s4.charCodeAt(3)<<24);}
    function MD5_number(n){while(n<0)n+=4294967296;while(n>4294967295)n-=4294967296;return n;}
    function MD5_apply_round(x,s,f,abcd,r){var a,b,c,d;var kk,ss,ii;var t,u;a=abcd[0];b=abcd[1];c=abcd[2];d=abcd[3];kk=r[0];ss=r[1];ii=r[2];u=f(s[b],s[c],s[d]);t=s[a]+u+x[kk]+MD5_T[ii];t=MD5_number(t);t=((t<<ss)|(t>>>(32-ss)));t+=s[b];s[a]=MD5_number(t);}
    function MD5_hash(data){var abcd,x,state,s;var len,index,padLen,f,r;var i,j,k;var tmp;state = new Array(0x67452301, 0xefcdab89, 0x98badcfe, 0x10325476);len=data.length;index=len&0x3f;padLen=(index<56)?(56-index):(120-index);if(padLen>0){data+="\x80";for(i=0;i<padLen-1;i++)data+="\x00";}data+=MD5_pack(len*8);data+=MD5_pack(0);len+=padLen+8;abcd=new Array(0,1,2,3);x=new Array(16);s=new Array(4);for(k=0;k<len;k+=64){for(i=0,j=k;i<16;i++,j+=4){x[i] = data.charCodeAt(j)|(data.charCodeAt(j+1)<<8)|(data.charCodeAt(j+2)<<16)|(data.charCodeAt(j+3)<<24);}for(i=0;i<4;i++)s[i]=state[i];for(i=0;i<4;i++){f=MD5_round[i][0];r=MD5_round[i][1];for(j=0;j<16;j++){MD5_apply_round(x,s,f,abcd,r[j]);tmp=abcd[0];abcd[0]=abcd[3];abcd[3]=abcd[2];abcd[2]=abcd[1];abcd[1]=tmp;}}for(i=0;i<4;i++){state[i]+=s[i];state[i]=MD5_number(state[i]);}}return MD5_pack(state[0])+MD5_pack(state[1])+MD5_pack(state[2])+MD5_pack(state[3]);}
    function MD5_hexhash(data){var i,out,c;var bit128;bit128=MD5_hash(data);out="";for(i=0;i<16;i++){c=bit128.charCodeAt(i);out+="0123456789abcdef".charAt((c>>4) & 0xf);out+="0123456789abcdef".charAt(c & 0xf);}return out;}

    // --------------------------------------------------------------
    // Comment
    // 
    // user    | string | user name
    // image   | string | url of icon
    // href    | string | url
    // tags    | list   |
    // comment | string |
    // date    | date   |
    // sbm     | string | hatena, delicious, livedoor, buzzurl, pookmark, ldr
    // --------------------------------------------------------------
    function Comment (user, image, href, tags, comment, date, tag_base, sbm) {
        this.user     = user;
        this.image    = image;
        this.href     = href;
        this.tags     = tags;
        this.comment  = comment;
        this.date     = date;
        this.tag_base = tag_base;
        this.sbm      = sbm;
        this.ignore   = [];
        this.ignore["hatena"] = ignore_hatena;
        this.ignore["delicious"] = ignore_delicious;
        this.ignore["livedoor"] = ignore_livedoor;
        this.ignore["buzzurl"] = ignore_buzzurl;
        this.ignore["pookmark"] = ignore_pookmark;
        this.ignore["ldr"] = ignore_ldr;
        Comment.prototype.isNotIgnore = function(){
            var res = true;
            for(var i=0; i<this.ignore[this.sbm].length; i++){
                if(this.ignore[this.sbm][i].toLowerCase() == this.user.toLowerCase()){
                    res = false;
                    break;
                }
            }
            return res;
        }
        Comment.prototype.getHTML = function() {
            this.HTML = '';
            if(option.show_nocomment || this.comment != '') {
                var m = String(this.date.getMonth()+1);
                if(m.length == 1){
                    m = "0" + m;
                }
                var d = String(this.date.getDate());
                if(d.length == 1){
                    d = "0" + d;
                }
                this.HTML = '<li>' + this.date.getFullYear() + "/" + m + "/" + d
                  + ' <a href="'+ this.href + '" style="' + anchor_css + '"><img src="'
                    + this.image +'" width="12px" heigth="12px" border="0"/> ' + this.user +'</a>: ';
                if(option.show_tag) {
                    for(var i=0; i<this.tags.length; i++) {
                        this.HTML+='<a href="' + this.tag_base + encodeURIComponent(this.tags[i]) + '" style="' + anchor_css + '">' + this.tags[i] + '</a>';
                        if(i+1<this.tags.length){
                            this.HTML+=', ';
                        }else{
                            this.HTML+=' ';
                        }
                    }
                }
                this.HTML+= this.comment + "</li>";
            }
            return this.HTML;
        }
        return this;
    }

    // --------------------------------------------------------------
    // hatena (jsonp)
    // --------------------------------------------------------------
    var hb_jsonp = "http://b.hatena.ne.jp/entry/json/";
    var hb_favicon = "http://b.hatena.ne.jp/favicon.ico";
    var hb_page = "http://b.hatena.ne.jp/entry/" + uri;
    var hb_add = "http://b.hatena.ne.jp/add?mode=confirm&url="+uri;
    function hbLoad() {
        w.hbCallback = function(json) {
            var comments = [];
            if(json){
                comment_area.addCount(json.count, hb_favicon, hb_page , hb_add );
                var comment = "";
                var count = (json.bookmarks.length < MAX_GET_COUNT) ? json.bookmarks.length: MAX_GET_COUNT;
                for(var i=0; i<count; i++) {
                    var bm = json.bookmarks[i];
                    var user = bm.user;
                    var date = new Date(bm.timestamp.slice(0,4), Number(bm.timestamp.slice(5,7))-1,
                                        bm.timestamp.slice(8,10), bm.timestamp.slice(11,13),
                                        bm.timestamp.slice(14,16), bm.timestamp.slice(17,19));
                    var tag_base = 'http://b.hatena.ne.jp/' + user + '/';
                    var href = tag_base + bm.timestamp.slice(0,4) + bm.timestamp.slice(5,7) + bm.timestamp.slice(8,10) + '#bookmark-' + json.eid;
                    var image = 'http://www.hatena.ne.jp/users/' + user.substring(0, 2) + '/' + user + '/profile_s.gif';
                    var tags = bm.tags;
                    var comment = bm.comment.replace(/^\s+|\s+$/g, "");
                    comments.push(new Comment(user, image, href, tags, comment, date, tag_base, "hatena"));
                }
                comment_area.addComments('hatena', comments);
                comment_area.init('hatena');
            }else{
                comment_area.addCount(0, hb_favicon, hb_page , hb_add );
            }
        }
        var json = document.createElement('script');
        json.src = hb_jsonp + "?url=" + encodeURIComponent(uri.replace(/%23/g, '#')) + "&callback=hbCallback";
        json.type = 'text/javascript';
        json.charset = 'utf-8';
        comment_area.div.appendChild(json);
    }

    // --------------------------------------------------------------
    // del.icio.us (jsonp)
    // --------------------------------------------------------------
    var delicious_url = "http://del.icio.us/";
    var delicious_favicon = "http://del.icio.us/favicon.ico";
    var delicious_page = "http://del.icio.us/url/" + MD5_hexhash(uri.replace(/%23/g, '#'));

    var delicious_jsonp = "http://badges.del.icio.us/feeds/json/url/data";
    var delicious_add = "http://del.icio.us/post?url="+uri;

    function dlLoad() {
        w.deliciousCallback = function(json) {
            var comments = [];
            if(json && json[0]){
                comment_area.addCount(json[0].total_posts, delicious_favicon, delicious_page, delicious_add);
            }else{
                comment_area.addCount(0, delicious_favicon, delicious_page, delicious_add);
            }
        }
        var json = document.createElement('script');
        json.src = delicious_jsonp + "?hash==" + MD5_hexhash(uri.replace(/%23/g, '#')) + "&callback=deliciousCallback";
        json.type = 'text/javascript';
        json.charset = 'utf-8';
        comment_area.div.appendChild(json);
    }

    // --------------------------------------------------------------
    // Livedoor Clip (jsonp)
    // --------------------------------------------------------------
    var livedoor_jsonp = "http://api.clip.livedoor.com/json/comments";
	var livedoor_favicon = "http://clip.livedoor.com/img/icon/clip_border.gif";
    var livedoor_page = "http://clip.livedoor.com/page/" + uri;
	var livedoor_clip = 'http://clip.livedoor.com/clips/';
    var livedoor_add = "http://clip.livedoor.com/clip/add?link="+uri;
    
    function ldLoad() {
        w.livedoorCallback = function(json) {
            var comments = [];
            if( json && json.total_clip_count != undefined ){
                comment_area.addCount(json.total_clip_count, livedoor_favicon, livedoor_page, livedoor_add);
                var comment = "";
                var count = (json.Comments.length < MAX_GET_COUNT) ? json.Comments.length: MAX_GET_COUNT;
                for(var i=0; i<count; i++) {
                    var bm = json.Comments[i];
                    var user = bm.livedoor_id;
                    var date = new Date();
					date.setTime(bm.created_on*1000);
                    var tag_base = livedoor_clip + user + '/tag/';
                    var href = livedoor_clip + user;
                    var image = 'http://image.clip.livedoor.com/profile/?type=ldmember&target_id=' + user;
                    var tags = bm.tags;
                    var comment = bm.notes ? bm.notes.replace(/</g,'&lt;').replace(/>/g,'&gt;') : '';
                    comments.push(new Comment(user, image, href, tags, comment, date, tag_base, "livedoor"));
                }
                comment_area.addComments('livedoor', comments);
                comment_area.init('livedoor');
            }else{
                comment_area.addCount(0, livedoor_favicon, livedoor_page, livedoor_add);
            }
        }
        var json = document.createElement('script');
        json.src = livedoor_jsonp + "?link=" + encodeURIComponent(uri.replace(/%23/g, '#')) + "&callback=livedoorCallback&all=1";
        json.type = 'text/javascript';
        json.charset = 'utf-8';
        comment_area.div.appendChild(json);
    }

    // --------------------------------------------------------------
    // buzzurl (jsonp)
    // --------------------------------------------------------------
    var buzzurl = 'http://buzzurl.jp/user/';
    var buzzurl_favicon = "http://labs.ecnavi.jp/buzzurl-help/add_icon_mini_01.gif";
    var buzzurl_page = "http://buzzurl.jp/entry/" + uri;
    var buzzurl_html  = 'http://buzzurl.jp/entry/';
    var buzzurl_jsonp = "http://api.buzzurl.jp/api/posts/get/v1/json/";
    var buzzurl_add = "http://buzzurl.jp/config/add/confirm?url="+uri;
    
    function bzLoad() {
        w.bzCallback = function(json) {
            var comments = [];
            if(json && json[0] && json[0].user_num){
                comment_area.addCount(json[0].user_num, buzzurl_favicon, buzzurl_page, buzzurl_add);
                var count = (json[0].posts.length < MAX_GET_COUNT) ? json[0].posts.length : MAX_GET_COUNT;
                for(var i =0; i<count; i++) {
                    var bm = json[0].posts[i];
                    var user = bm.user_name;
                    var href = buzzurl + user;
                    var image = href + '/photo';
                    var tags = bm.keywords ? bm.keywords.split(",") : [];
                    var comment = bm.comment ? bm.comment: "";
                    var date = new Date(bm.date.slice(0,4), Number(bm.date.slice(5,7))-1,
                                        bm.date.slice(8,10), bm.date.slice(11,13),
                                        bm.date.slice(14,16), bm.date.slice(17,19));
                    var tag_base = buzzurl + user + '/keyword/';
                    if(user){
                        comments.push(new Comment(user, image, href, tags, comment, date, tag_base, "buzzurl"));
                    }
                }
                comment_area.addComments('buzzurl', comments);
                comment_area.init('buzzurl');
            }else{
                comment_area.addCount(0, buzzurl_favicon, buzzurl_page, buzzurl_add);
            }
        }
        var json = document.createElement('script');
        json.src = buzzurl_jsonp + "?url=" + encodeURIComponent(uri.replace(/%23/g, '#')) + "&cb=bzCallback";
        json.type = 'text/javascript';
        json.charset = 'utf-8';
        comment_area.div.appendChild(json);
    }


    // --------------------------------------------------------------
    // ldr (jsonp)
    // --------------------------------------------------------------
    var ldr_jsonp = "http://rpc.reader.livedoor.com/feed/discover";
    var ldr_favicon = "http://image02.wiki.livedoor.jp/img/usr_second/common/bt_reader.gif";
    var ldr_page = "http://reader.livedoor.com/";
    var ldr_page_base = "http://reader.livedoor.com/about/";
    var ldr_add = "http://reader.livedoor.com/subscribe/" + uri;
    
    function ldrLoad() {
        w.ldrCallback = function(json) {
            var comments = [];
            if(json[0]){
				count = "";
				for(var i=0;i<json.length;i++){
					count += json[i].subscribers_count;
					count += (i == json.length-1) ? '' : '+';
				}
                comment_area.addCount(count, ldr_favicon, ldr_page_base + json[0].feedlink, ldr_add);
//                comment_area.addComments('ldr', comments);
//                comment_area.init('ldr');
            }else{
                comment_area.addCount('*', ldr_favicon, ldr_page, ldr_add);
            }
        }
        var json = document.createElement('script');
        json.src = ldr_jsonp + "?format=json&links=" + encodeURIComponent(uri.replace(/%23/g, '#')) + "&callback=ldrCallback";
        json.type = 'text/javascript';
        json.charset = 'utf-8';
        comment_area.div.appendChild(json);
    }

    function loadSBM() {
        if(is_load == false){
            ldLoad();
            hbLoad();
            dlLoad();
            bzLoad();
            ldrLoad();
            is_load = true;
        }
    }
    var skipEl = {'input': true, 'button': true, 'select': true, 'textarea': true, 'password': true};
    window.addEventListener('keypress', function(e) {
        if (skipEl[e.target.tagName.toLowerCase()]) {return;}
        var key = ''
          + ((e.ctrlKey)  ? 'C' : '')
            + ((e.shiftKey) ? 'S' : '')
              + ((e.altKey || e.metaKey)   ? 'A' : '')
                + '-';
        key += String.fromCharCode(e.keyCode).toLowerCase();
        if (key == BIND_KEY){
            comment_area.toggle();
        }
    }, false);

    if(option.auto_start){
        comment_area.show();
        if(option.auto_start_open == false){
            comment_area.hide();
        }
    }
}

if(document.body) SBMCommentsViewer();