function sm(cliptitle,clipurl,clipsgbg,btntype)
{
    clipsgtitle = encodeURI(cliptitle);
    clipsgurl = encodeURI(clipurl);

    if(btntype == "1"){
        btn_width  = "88px";
        btn_height = "31px";
        btn_bg = "#fff0f0 url(\"\") no-repeat";
    }
    if(btntype == "2"){
        btn_width  = "150px";
        btn_height = "24px";
        btn_bg = "url(\"http://goodspeed.lolipop.jp/images/common/social_btn.gif\") no-repeat";
    }
    if(btntype == "3"){
        btn_width  = "150px";
        btn_height = "24px";
        btn_bg = "url(\"http://goodspeed.lolipop.jp/images/common/social_btn.gif\") no-repeat";
    }





    //document.write('<script type="text/javascript" src="jquery.min.js" charset="utf-8"></script>');
    //document.write('<script type="text/javascript" src="jquery-ui.min.js" charset="utf-8"></script>');


    //document.write('<script type="text/javascript" src="js/jquery.min.js" charset="utf-8"><');
    //document.write('/script>');
    //document.write('<script type="text/javascript" src="js/jquery-ui.min.js" charset="utf-8"><');
    //document.write('/script>');


    document.write('<link rel="stylesheet" type="text/css" href="css/common.css">');



    document.write('<style type="text/css">');
    document.write('<!--');
    document.write('#clipsg{');
    document.write('clear:both;');
    document.write('}');
    document.write('#clipsg a.btn{');
    document.write('background: '+btn_bg+' ;');
    document.write('width:'+btn_width+';');
    document.write('height:'+btn_height+';');
    document.write('border:1px solid #f0f0f0;');
    document.write('display:block;');
    document.write('text-indent:-5000px;');
    document.write('}');
    document.write('div.tooltip{');
    document.write('background: '+clipsgbg+';');
    document.write('}');
    document.write('#content1 a:hover{');
    document.write('border:1px solid #fff;');
    document.write('background:#f0f0f0;}');
    document.write('-->');
    document.write('</style>');

    document.write('<div class="tooltip">');
    document.write('<div class="tooltipinner" style="background:#fff;">');
    document.write('<div style="text-align:right;"><span class="del">×</span></div>');

    document.write('<ul class="tabnavi">');
    document.write('<li onclick="show1();"><img src="http://www.withclip.com/js1/images/tabnavi-sbm.gif"></li>');
    document.write('<li onclick="show2();"><img src="http://www.withclip.com/js1/images/tabnavi-rss.gif"></li>');
    clipsgurl = encodeURI(clipsgurl);
    document.write('<li class="last"><img src="http://www.withclip.com/js1/images/tabnavi-okiniiri.gif" onclick="OpenBooknarkDialog(\''+clipsgurl+'\', \''+cliptitle+'\');" style="cursor: hand; cursor: pointer;" alt="ブックマークに追加する" /></li>');
    document.write('</ul>');

    document.write('<!--■1-->');
    document.write('<div id="content1">');
    document.write('<ul>');
    document.write('<li><a target="_blank" href="http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+clipsgtitle+'&amp;u='+clipsgurl+'&amp;ei=UTF-8"><img class="icon" src="http://www.withclip.com/js1/icon/yahoo.gif">Yahoo!ブックマーク</a></li>');
    document.write('<li><a target="_blank" href="http://b.hatena.ne.jp/entry/add/'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/hatena.gif">hatenaブックマーク</a></li>');
    document.write('<li><a target="_blank" href="https://www.google.com/bookmarks/mark?op=edit&bkmk='+clipsgurl+'&title='+clipsgtitle+'&annotation="><img class="icon" src="http://www.withclip.com/js1/icon/google.gif">Googleブックマーク</a></li>');
    //document.write('<li><a target="_blank" href="http://www.google.com/buzz/post?message='+clipsgtitle+'&url='+clipsgurl+'&imageurl='+clipsgurl+'&linkname='+clipsgtitle+'&linknote="><img class="icon" src="http://www.withclip.com/js1/icon/google-buzz.gif">Google Buzz</a></li>');
    document.write('<li><a target="_blank" href="http://clip.livedoor.com/redirect?link='+clipsgurl+'&title='+clipsgtitle+'&ie=utf-8"><img class="icon" src="http://www.withclip.com/js1/icon/livedoor.gif">livedoorクリップ</a></li>');
    //document.write('<li><a target="_blank" href="http://bookmark.fc2.com/user/post?url='+clipsgurl+'&title='+clipsgtitle+'"><img src="http://www.withclip.com/js1/icon/fc2.gif" class="icon">FC2ブックマーク</a></li>');
    //document.write('<li><a target="_blank" href="http://clip.nifty.com/create?url='+clipsgurl+'title='+clipsgtitle+'"><img src="http://www.withclip.com/js1/icon/nifty.gif" class="icon">niftyクリップ</a></li>');
    //document.write('<li><a target="_blank" href="http://www.choix.jp/submit?bookurl='+clipsgurl+'title='+clipsgtitle+'"><img src="http://www.withclip.com/js1/icon/choix.gif" class="icon">Choix</a></li>');
    //document.write('<li><a target="_blank" href="http://b.jugem.jp/login?url=http%3A%2F%2Fb.jugem.jp%2Fpost%3Furl%3D'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/pookmark.gif">POOKMARK</a></li>');
    //document.write('<li><a target="_blank" href="http://buzzurl.jp/entry/'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/buzzurl.gif">Buzzurl（バザール）</a></li>');
    //document.write('<li><a target="_blank" href="http://www.iza.ne.jp/bookmark/add/regist/back/'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/iza.gif">ブックマーク！イザ！</a></li>');
    //document.write('<li><a target="_blank" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url='+clipsgurl+'&Title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/blinklist.gif">BlinkList</a></li>');
    //document.write('<li><a target="_blank" href="http://del.icio.us/post?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/del.gif">del.icio.us</a></li>');
    //document.write('<li><a target="_blank" href="http://www.furl.net/storeIt.jsp?t='+clipsgtitle+'&u='+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/furl.gif">Furl</a></li>');
    //document.write('<li><a target="_blank" href="http://newsing.jp/add?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/newsing.gif">newsing（ニューシング）</a></li>');
    //document.write('<li><a target="_blank" href="http://ja.reddit.com/login?dest=%2Fsubmit%3Furl%3D'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/reddit.gif">reddit</a></li>');
    //document.write('<li><a target="_blank" href="http://technorati.com/faves?add='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/technorati.gif">Technorati (テクノラティ)</a></li>');
    //document.write('<li><a target="_blank" href="https://login.nifty.com/service/login?s=niftyclip&TARGET=http%3A%2F%2Fclip.nifty.com%2Fbookmarks%2Fcreate%3Furl%3D'+clipsgurl+'%26title%3D'+clipsgtitle+'&cd=https%3A%2F%2Fclip.nifty.com&fv=1"><img class="icon" src="http://www.withclip.com/js1/icon/topic.gif">トピックイット</a></li>');
    document.write('<li><a target="_blank" href="http://twitter.com/home?status='+clipsgtitle+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/twitter.gif" />twitter</a></li>');


    //document.write('<li><a target="_blank" href=""><img class="icon" src="http://www.withclip.com/js1/icon/minna.gif">みんなのトピックス</a></li>');
    //document.write('<li><a target="_blank" href="">リコメン堂</a></li>');
    //document.write('<li><a target="_blank" href="">テレビポート</a></li>');
    //document.write('<li><a target="_blank" href="">お気に入りーず</a></li>');
    //document.write('<li><a target="_blank" href="">Diigo</a></li>');
    //document.write('<li><a target="_blank" href="">clipp</a></li>');
    //document.write('<li><a target="_blank" href="">gooブックマーク</a></li>');
    //document.write('<li><a target="_blank" href=""><img src="http://www.withclip.com/js1/icon/buzzurl.gif" class="icon">CoRich(こりっち)</a></li>');
    //document.write('<li><a target="_blank" href="">Bookまーく</a></li>');
    //document.write('<li><a target="_blank" href="">フロッグ</a></li>');



    document.write('<li><a target="_blank" href="http://www.facebook.com/share.php?src=bm&u='+clipsgurl+'&t='+clipsgtitle+'&v=3"><img class="icon" src="http://www.withclip.com/js1/icon/facebook.gif">Facebook</a></li>');
    //document.write('<li><a target="_blank" href="http://digg.com/submit?phase=2&amp;url='+clipsgurl+'title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/digg.gif">Digg</a></li>');
    //document.write('<li><a target="_blank" href="https://secure.myspace.com/index.cfm?fuseaction=login.simpleform&featureName=postToV3&dest=http%3a%2f%2fwww.myspace.com%2fModules%2fPostTo%2fPages%2fdefault.aspx%3fu%3d'+clipsgurl+'%26t%3d'+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/myspace.gif">MySpace</a></li>');
    //document.write('<li><a target="_blank" href="???"><img class="icon" src="http://www.withclip.com/js1/icon/messenger.gif">Messenger</a></li>');
    //document.write('<li><a target="_blank" href="http://www.bloglines.com/sub?url='+clipsgurl+'title='+clipsgtitle+'">Bloglines</a></li>');
    //document.write('<li><a target="_blank" href="https://login.yahoo.com/config/login?.src=bmk2&.intl=us&.done=http%3A%2F%2Fbookmarks.yahoo.com%2Ftoolbar%2Fsavebm%3Fu%3D'+clipsgurl+'%26amp%3Bt%3D'+clipsgtitle+'%26amp%3Bref%3Daddtoany"><img class="icon" src="http://www.withclip.com/js1/icon/yahoo-com.gif">Yahoo Bookmarks</a></li>');
    //document.write('<li><a target="_blank" href="http://www.stumbleupon.com/submit?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/stumbleupon.gif">stumbleupon</a></li>');
    //document.write('<li><a target="_blank" href="http://www.mister-wong.com/index.php?action=addurl&bm_url='+clipsgurl+'&bm_description='+clipsgtitle+'&bm_notice="><img class="icon" src="http://www.withclip.com/js1/icon/mister-wong.gif">mister-wong</a></li>');
    //document.write('<li><a target="_blank" href="http://www.bebo.com/c/signin_popup?Member=N&Page=c%2Fshare&QueryString=Page%3Dc%2Fshare%26Url%3D'+clipsgurl+'%26Title%3D'+clipsgtitle+'%26TUUID%3D49057325-25e8-4241-b062-87f2b1693e3d%26MID%3D8594136688%26popup%3D0&popup=1"><img class="icon" src="http://www.withclip.com/js1/icon/bebo.gif">Bebo</a></li>');
    //document.write('<li><a target="_blank" href="http://www.google.com/reader/link?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/google-reader.gif">google Reader</a></li>');
    //document.write('<li><a target="_blank" href="https://www.xing.com/app/user?op=share&url='+clipsgurl+';title='+clipsgtitle+';"><img class="icon" src="http://www.withclip.com/js1/icon/wordpress.gif">WordPress</a></li>');
    //document.write('<li><a target="_blank" href="https://www.xing.com/app/user?op=share&url='+clipsgurl+';title='+clipsgtitle+';"><img class="icon" src="http://www.withclip.com/js1/icon/xing.gif">XING</a></li>');
    //document.write('<li><a target="_blank" href="https://www.xing.com/app/user?op=share&url='+clipsgurl+';title='+clipsgtitle+';"><img class="icon" src="http://www.withclip.com/js1/icon/orkut.gif">Orkut</a></li>');
    //document.write('<li><a target="_blank" href="http://www.netvibes.com/signin?url=%2Fshare%3Furl%3D'+clipsgurl+'%26title%3D'+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/netvibes-share.gif">netvibes share</a></li>');
    //document.write('<li><a target="_blank" href="http://www.evernote.com/clip.action?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/evernote.gif">Evernote</a></li>');
    //document.write('<li><a target="_blank" href="???"><img class="icon" src="http://www.withclip.com/js1/icon/strands.gif">Strands</a></li>');
    //document.write('<li><a target="_blank" href="http://www.stumpedia.com/submit?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/stumpedia.gif">Stumpedia</a></li>');
    //document.write('<li><a target="_blank" href="http://dailyme.com/bookmarklet?u='+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/dailyme.gif">DailyMe</a></li>');
    //document.write('<li><a target="_blank" href="http://posterous.com/share?linkto='+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/posterous.gif">Posterous</a></li>');
    //document.write('<li><a target="_blank" href="???"><img class="icon" src="http://www.withclip.com/js1/icon/technet.gif">TechNet</a></li>');
    //document.write('<li><a target="_blank" href="???"><img class="icon" src="http://www.withclip.com/js1/icon/msdn.gif">MSDN</a></li>');
    //document.write('<li><a target="_blank" href="http://www.arto.com/section/user/login/?destination=http%3a%2f%2fwww.arto.com%2fsection%2flinkshare%2fdefault.aspx%3flu%3d'+clipsgurl+'%26ln%3d'+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/arto.gif">arto</a></li>');
   // document.write('<li><a target="_blank" href="http://www.arto.com/section/user/login/?destination=http%3a%2f%2fwww.arto.com%2fsection%2flinkshare%2fdefault.aspx%3flu%3d'+clipsgurl+'%26ln%3d'+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/expression.gif">Expression</a></li>');
    //document.write('<li><a target="_blank" href="http://www.smaknews.com/submit.php?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/smaknews.gif">smaknews</a></li>');
    //document.write('<li><a target="_blank" href="http://tipd.com/login.php?return=%2Fsubmit.php%3Furl%3D'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/tipd.gif">Tipd</a></li>');
    //document.write('<li><a target="_blank" href="http://tipd.com/login.php?return=%2Fsubmit.php%3Furl%3D'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/aim.gif">AIM</a></li>');
    //document.write('<li><a target="_blank" href="http://tipd.com/login.php?return=%2Fsubmit.php%3Furl%3D'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/plurk.gif">Plurk</a></li>');
    //document.write('<li><a target="_blank" href="http://identi.ca/notice/new?status_textarea='+clipsgtitle+'%20'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/identi-ca.gif">Identi.ca</a></li>');
    //document.write('<li><a target="_blank" href="http://identi.ca/notice/new?status_textarea='+clipsgtitle+'%20'+clipsgurl+'"><img class="icon" src="http://www.withclip.com/js1/icon/yahoo-messenger.gif">Yahoo Messenger</a></li>');
    //document.write('<li><a target="_blank" href="http://www.blogger.com/blog_this.pyra?t&u='+clipsgurl+'&n='+clipsgtitle+'&pli=1"><img class="icon" src="http://www.withclip.com/js1/icon/blogger-post.gif">Blogger Post</a></li>');
    //document.write('<li><a target="_blank" href="???"><img class="icon" src="http://www.withclip.com/js1/icon/mozillaca.gif">Mozillaca</a></li>');
    //document.write('<li><a target="_blank" href="https://www.box.net/api/1.0/import?url='+clipsgurl+'&name='+clipsgtitle+'&description=&import_as=link"><img class="icon" src="http://www.withclip.com/js1/icon/box-net.gif">Box.net</a></li>');
    //document.write('<li><a target="_blank" href="https://www.typepad.com/secure/services/signin?to=%2Fservices%2Fquickpost%2Fpost%3Fv%3D2%26qp_show%3Dac%26qp_title%3D'+clipsgtitle+'%26qp_href%3'+clipsgurl+'%26qp_text%3D"><img class="icon" src="http://www.withclip.com/js1/icon/typepadpost.gif">TypePadPost</a></li>');
    //document.write('<li><a target="_blank" href="http://ja.netlog.com/go/login/"><img class="icon" src="http://www.withclip.com/js1/icon/netlog.gif">Netlog</a></li>');
    //document.write('<li><a target="_blank" href="https://www.mixx.com/login"><img class="icon" src="http://www.withclip.com/js1/icon/mixx.gif">Mixx</a></li>');
    //document.write('<li><a target="_blank" href=""><img class="icon" src="http://www.withclip.com/js1/icon/shoutwire.gif">Shoutwire</a></li>');
    //document.write('<li><a target="_blank" href="http://www.jumptags.com/add/?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/jumptags.gif">Jumptags</a></li>');
    //document.write('<li><a target="_blank" href="http://www.citeulike.org/posturl?url='+clipsgurl+'&title='+clipsgtitle+'"><img class="icon" src="http://www.withclip.com/js1/icon/citeulike.gif">CiteULike</a></li>');
    //document.write('<li><a target="_blank" href="http://funp.com/account/loginpage.php?url=%2Fpush%2Fsubmit%2F%3Furl%3D'+clipsgurl+'&msg=%E6%82%A8%E6%BA%96%E5%82%99%E8%B2%BC%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0&tips=post"><img class="icon" src="http://www.withclip.com/js1/icon/funp.gif">FunP</a></li>');


    //document.write('<li><a target="_blank" href="http://www.bloglines.com/sub?url='+clipsgurl+'title='+clipsgtitle+'">Bloglines</a></li>');





    document.write('</ul>');


    document.write('<br style="clear:both;">');
    document.write('</div>');

    document.write('<!--■2-->');
    document.write('<div id="content2" class="box">');
    document.write('<ul>');
    document.write('<li><a target="_blank" href="http://www.google.com/ig/add?feedurl='+clipsgurl+'">iGoogleに追加</a></li>');
    document.write('<li><a target="_blank" href="https://member.livedoor.com/login/?.next=http%3A%2F%2Freader.livedoor.com%2Fsubscribe%2F%3Furl%3D'+clipsgurl+'&.sv=reader">livedoor Reader</a></li>');
    document.write('<li><a target="_blank" href="http://reader.goo.ne.jp/web/addfeed/'+clipsgurl+'">goo RSSリーダー</a></li>');
    document.write('<li><a target="_blank" href="https://webryreader.sso.biglobe.ne.jp/index.php?fn=grs&apid=bkml&from=grsr&url='+clipsgurl+'&use_sso=1&login=1">BIGLOBEリーダー</a></li>');
    document.write('<li><a target="_blank" href="http://www.bloglines.com/login?r=%2Fsub%2F'+clipsgurl+'">Bloglines</a></li>');
    document.write('<li><a target="_blank" href="http://fastladder.com/login?.next=http%3A%2F%2Ffastladder.com%2Fsubscribe%2F%3Furl%3D'+clipsgurl+'">Fastladder</a></li>');
    document.write('</ul>');
    document.write('<br style="clear:both;">');
    document.write('</div>');
    document.write('\n\n');
    document.write('</div>');
    document.write('</div>');

}




















function OpenBooknarkDialog(site_url, site_name) {
    if(navigator.userAgent.indexOf("MSIE") > -1){ //＃ IE
        window.external.AddFavorite(site_url, site_name);
        return true;
    } else if(navigator.userAgent.indexOf("Firefox") > -1){ //＃ Firefox
        window.sidebar.addPanel(site_name, site_url, "");
        return true;
    } else { //# 該当なし
        return false;
    }
}











function show1(){
	content1.style.display="block";
	content2.style.display="none";
	content3.style.display="none";
}

function show2(){
	content1.style.display="none";
	content2.style.display="block";
	content3.style.display="none";
}

function show3(){
	content1.style.display="none";
	content2.style.display="none";
	content3.style.display="block";
}





    $(function()
    {
      // 最初Tooltipは非表示
      $("div.tooltip").css({
        opacity: "1.0",
        position: "absolute",
        display: "none"
      });
      // Tooltipを表示
      $("a.btn").mouseover(function()
      {   
        $("div.tooltip").fadeIn();
      });
      // Tooltipを非表示
      $("span.del").click(function()
      {
        $("div.tooltip").fadeOut();
      });

      // tabnaviを表示
      $("div#tabnavi").mouseover(function()
      {   
        this.style.background='pink';
      });

    });