var path2imgs = "http://www.noocle.kr/bookmarkimages/";

var left, top;
document.onmousedown = getClick;
function getClick(evt)
{
  var w3c = document.getElementById&&!document.all;
  if (w3c)
  {
    left = evt.clientX;
    top = evt.pageY;
  }
  else
  {
    left = event.clientX;
    top = event.clientY;
  }
}

function goSocial()
{

  var socialButtons = "";
  var buttons = Array();
  var i;
  for (i=0; i<10; i++)
  {
    buttons[i] = new Object(); 
  }
  buttons[0].name = "하이북마크";
  buttons[1].name = "마가린";
  buttons[2].name = "북마커";
  buttons[3].name = "다음북마크";
  buttons[4].name = "네이버즐겨찾기";
  buttons[5].name = "구글북마크";
  buttons[6].name = "미태그";
  buttons[7].name = "딜리셔스";
  buttons[8].name = "테크노라티";
  buttons[9].name = "디그";

  buttons[0].img = "hibookmark.gif";
  buttons[1].img = "margarin.gif";
  buttons[2].img = "bookmarkr.gif";
  buttons[3].img = "daum.gif";
  buttons[4].img = "naver.gif";
  buttons[5].img = "google.gif";
  buttons[6].img = "metag.gif";
  buttons[7].img = "delicious.gif";
  buttons[8].img = "technorati.gif";
  buttons[9].img = "digg.gif";

  
  var url = escape(document.location.href);
  var title = encodeURIComponent(document.title);
  buttons[0].link = "http://www.hibookmark.kr/bookmarks.php/?action=add&popup=1&address="+url+"&title="+title;
  buttons[1].link = "http://mar.gar.in/post/popup_post/&qTitle="+title+"&qURL="+url;
  buttons[2].link = "http://www.bookmarkr.net/mysave.php?url="+url+"&subject="+title;
  buttons[3].link = "http://bookmark.daum.net/bookmark/edit.do?url="+url+"&title="+title;
  buttons[4].link = "http://bookmark.naver.com/post?ns=1&url="+url+"&title="+title;
  buttons[5].link = "http://www.google.com/bookmarks/mark?op=add&bkmk="+url+"&title="+title;
  buttons[6].link = "http://www.metags.com/Bookmark/BMaddPage.aspx?sUrl="+url+"&sTitle="+title;
  buttons[7].link = "http://del.icio.us/post?v=2&url="+url+"&title="+title;
  buttons[8].link = "http://technorati.com/faves/?add="+url;
  buttons[9].link = "http://digg.com/submit?phase=3&url="+url+"&title="+title;

  socialButtons = "<table style=\"width: 140px; height: 60px; border:0;\"><tbody><tr>";
  for (i=0; i<5; i++)
  {
    socialButtons += "<td style=\"width: 20px\"><a href=\""+buttons[i].link+"\" rel=\"nofollow\" target=\"_blank\" style=\"text-decoration:none\"><img src=\""+path2imgs+buttons[i].img+"\" alt=\""+buttons[i].name+"\" title=\""+buttons[i].name+"\" /></a></td>"
  }
  socialButtons += "</tr><tr>";
  for (i=5; i<10; i++)
  {
    socialButtons += "<td style=\"width: 20px\"><a href=\""+buttons[i].link+"\" rel=\"nofollow\" target=\"_blank\"><img src=\""+path2imgs+buttons[i].img+"\" alt=\""+buttons[i].name+"\" title=\""+buttons[i].name+"\" /></a></td>"
  }
  socialButtons += "</tr></tbody></table>";
  
  var newDiv = document.createElement("div");
  newDiv.id = "socialPopup";
  
  newDiv.style.position = "absolute";
  newDiv.style.overflow = "hidden";
  newDiv.style.border = "1px black solid";
  newDiv.style.backgroundColor = "white";
  newDiv.style.margin = "0";
  newDiv.style.padding = "0";
  newDiv.style.width = "140px";
  newDiv.style.height = "100px";

  newDiv.style.left = (left < 600) ? (left+"px") : (left-200+"px");
  newDiv.style.top = top+"px";

  newDiv.innerHTML ="<div style=\"padding:0;margin:0;width:"+newDiv.style.width+";height:20px;overflow:hidden;margin:0;padding:0;background-color:white;text-align:center;font: normal 12px Verdana; color: white; padding-top:3px;\"><a href=\"http://www.noocle.kr\" target=\"_blank\" style=\"color:black; text-decoration:none\">누클 북마클릿</a></div>"+
  "<div>"+socialButtons+"<center><a onclick=\"javascript: document.body.removeChild(document.getElementById('socialPopup'))\" style=\"color: black; text-decoration:none; font: normal 12px Verdana; color: black; cursor:pointer\">닫기</a></center></div>";
  document.body.appendChild(newDiv);
}