var loveClawOptions = new Object();
loveClawOptions.ButtonStyle = 1;
loveClawOptions.HeaderLabel = "Facebook It:";
loveClawOptions.ButtonLabels = ["I love it","I hate it","Interesting","Shocking","I don't care"];
loveClawOptions.DomainName = location.hostname;
loveClawOptions.ImageURL = "";
loveClawOptions.SocialSite = 1;
loveClawOptions.ExitHTML = '<div class="thanks">Thanks for Sharing!</div>';
loveClawOptions.API="js1.3";

function LoveClaw_getImageURL() {
  if (loveClawOptions.ImageURL != "")
    return loveClawOptions.ImageURL;
  var images = document.images;
  for(var i = 0; i < images.length; i++) {
    var img = images[i];
    if (img.src.search(loveClawOptions.DomainName) != -1) {
      return img.src;
    }
  }
  return "";
}

function LoveClaw_hideSocialChooser() {
  document.getElementById("loveclaw_overlay").style.display="none";
  document.getElementById("loveclaw_popup").style.display="none";
}

function LoveClaw_showThanks() {
  content = '<div onclick="LoveClaw_hideSocialChooser()" class="close_popup"></div><div class="box_n"></div><div class="box_ne"></div><div class="box_e"></div><div class="box_se"></div><div class="box_s"></div><div class="box_sw"></div><div class="box_w"></div><div class="box_nw"></div>';						
  content += loveClawOptions.ExitHTML;
  popup = document.getElementById("loveclaw_popup");
  popup.innerHTML=content;
}

function LoveClaw_showSocialChooser(baseShareUrl) {
  content = '<div onclick="LoveClaw_hideSocialChooser()" class="close_popup"></div><div class="box_n"></div><div class="box_ne"></div><div class="box_e"></div><div class="box_se"></div><div class="box_s"></div><div class="box_sw"></div><div class="box_w"></div><div class="box_nw"></div>';						
	content += '<div class="box_center">';		
  content += '<ul class="links">';
  content += "<li class='twitter'><a onclick='LoveClaw_showThanks();' target=\"_blank\" href=\""+baseShareUrl+"&social=2\">Tweet It</a></li>";
  content += "<li class='facebook'><a onclick='LoveClaw_showThanks();' target=\"_blank\" href=\""+baseShareUrl+"&social=1\">Post to Facebook</a></li>";
  content += '</ul></div><!--end box_center-->';
	  
  popup = document.getElementById("loveclaw_popup");
  popup.innerHTML=content;
  popup.style.display="block";
  document.getElementById("loveclaw_overlay").style.display="block";
}

function LoveClaw_generateButtons() {
  var content = "<span class='loveclaw_arrow'>"+loveClawOptions.HeaderLabel+"<span class='arrow_head'></span></span>";
  var title = encodeURIComponent(document.title);
  var srcUrl = encodeURIComponent(location.href);
  var imgURL = encodeURIComponent(LoveClaw_getImageURL());
  var baseShareUrl = "http://loveclaw.com/social_post.php?key="+loveClawOptions.LicenseKey+"&amp;domain="+loveClawOptions.DomainName+"&amp;api="+loveClawOptions.API+"&amp;title="+title+"&amp;img="+imgURL+"&amp;bstyle="+loveClawOptions.ButtonStyle+"&amp;url="+srcUrl;
  for(var idx = 0; idx < loveClawOptions.ButtonLabels.length; idx++) {
    var label = loveClawOptions.ButtonLabels[idx];
    var baseButtonShareUrl = baseShareUrl + "&amp;message="+encodeURIComponent(escape(label));
    content += "<a rel='nofollow' id='loveclaw_button"+idx+"' class='loveclaw_button loveclaw_button"+loveClawOptions.ButtonStyle+"' onmouseover='document.getElementById(\"loveclaw_button"+idx+"\").style.background=\"\"' onmouseout='document.getElementById(\"loveclaw_button"+idx+"\").style.background=\"\"' ";
    if (loveClawOptions.SocialSite == 3) {
      content += "onclick='LoveClaw_showSocialChooser(\""+baseButtonShareUrl+"\")'";
    } else {
      var shareUrl = baseButtonShareUrl + "&social=" + loveClawOptions.SocialSite;
      content += "target=\"_blank\" href=\""+shareUrl+"\"";
    }
    content += "><span class='prebutton'></span><span class='button_left'><span class='button_right'><span class='button_center'>"+label+"</span></span></span></a>";
  }
  if (loveClawOptions.SocialSite == 3) {
    content += '<div class="loveclaw_box p'+loveClawOptions.ButtonStyle+'" id="loveclaw_popup"></div><div onclick="LoveClaw_hideSocialChooser()" id="loveclaw_overlay"></div>';
  }
  document.getElementById("loveclaw_wrapper").innerHTML=content;
}
window.onload = LoveClaw_generateButtons;