//Rich HTML Balloon Tooltip: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
//Created: September 10th, 2006

var disappeardelay=2500;  //tooltip disappear delay (in miliseconds)
var verticaloffset=0; //vertical offset of tooltip from anchor link, if any
var enablearrowhead=0; //0 or 1, to disable or enable the arrow image
var arrowheadimg=["arrowdown.gif", "arrowup.gif"]; //path to down and up arrow images
var arrowheadheight=11; //height of arrow image (amount to reveal)
//var arrowheadheight=0
/////No further editting needed
var image_dir="http://www.rankmytattoos.com/images/iconbox";
var ie=document.all;
var ns6=document.getElementById&&!document.all;
verticaloffset=(enablearrowhead)? verticaloffset+arrowheadheight : verticaloffset;

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e){
dropmenuobj.style.left=dropmenuobj.style.top="-500px";
if (e.type=="mouseover")
obj.visibility="visible";
}


function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}


function clearbrowseredge(obj, whichedge){
if (whichedge=="rightedge"){
edgeoffsetx=0;
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15;
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth;
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffsetx=dropmenuobj.contentmeasure-obj.offsetWidth;
return edgeoffsetx;
}
else{
edgeoffsety=0;
var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset;
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18;
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight;
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
edgeoffsety=dropmenuobj.contentmeasure+obj.offsetHeight+(verticaloffset*2);
return edgeoffsety;
}
}

function displayballoontip(obj, e){ //main ballooon tooltip function
if (window.event) event.cancelBubble=true;
else if (e.stopPropagation) e.stopPropagation();
if (typeof dropmenuobj!="undefined") //hide previous tooltip?
dropmenuobj.style.visibility="hidden";
clearhidemenu();
//obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(obj.getAttribute("rel"));
showhide(dropmenuobj.style, e);
dropmenuobj.x=getposOffset(obj, "left");
//dropmenuobj.y=getposOffset(obj, "top")+verticaloffset
dropmenuobj.y=getposOffset(obj, "top");

//dropmenuobj.style.left=-100+dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
if(navigator.userAgent.toLowerCase().indexOf("msie")>-1)
{
  dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
}
else
{
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
}



//dropmenuobj.style.left=dropmenuobj.x-100+"px"
//dropmenuobj.style.top=dropmenuobj.y+obj.offsetHeight+"px"
if (enablearrowhead)
displaytiparrow();
}

function displaytiparrow(){ //function to display optional arrow image associated with tooltip
tiparrow=document.getElementById("arrowhead");
//tiparrow.src=(edgeoffsety!=0)? arrowheadimg[0] : arrowheadimg[1]
var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0;
//modify "left" value depending on whether there's no room on right edge of browser to display it, respectively
tiparrow.style.left=(edgeoffsetx!=0)? parseInt(dropmenuobj.style.left)+dropmenuobj.offsetWidth-tiparrow.offsetWidth-10+"px" : parseInt(dropmenuobj.style.left)+5+"px";
//modify "top" value depending on whether there's no room on right edge of browser to display it, respectively
tiparrow.style.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-ieshadowwidth+arrowheadheight+"px" : parseInt(dropmenuobj.style.top)-arrowheadheight+"px";
tiparrow.style.visibility="visible";
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (enablearrowhead) tiparrow.style.visibility='hidden'",disappeardelay);
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide);
}

function reltoelement(linkobj){ //tests if a link has "rel" defined and it's the ID of an element on page
var relvalue=linkobj.getAttribute("rel");
return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && document.getElementById(relvalue).className=="balloonstyle")? true : false;
}

function initalizetooltip(){

//var all_links=document.getElementsByTagName("a")
//alert(all_links.length);

var Link=document.getElementById("Tip");
Link.onmouseover=function(e){
var evtobj=window.event? window.event : e;
displayballoontip(this, evtobj);
add_all();
};
}

if (window.addEventListener)
{

window.addEventListener("load", initalizetooltip, false);
}
else if (window.attachEvent)
{

window.attachEvent("onload", initalizetooltip);
}
else if (document.getElementById)
{

window.onload=initalizetooltip;
}



if (window.addEventListener)
{

window.addEventListener("load", initalizetooltip1, false);
}
else if (window.attachEvent)
{

window.attachEvent("onload", initalizetooltip1);
}
else if (document.getElementById)
{

window.onload=initalizetooltip1;
}



        function add_tool(icon, name, url) {
          var obj=document.getElementById('balloon1'); 
          obj.innerHTML=obj.innerHTML+'<div class="header-box-2"><a href="' + url + '" title="Add to ' + name +'"  class="icon-lins"><img src="' + image_dir + '/' + icon + '.png" alt="' + name + ' icon" border="0" height="10px" width="10px" />&nbsp;'+ name + '</a></div>';
        }

        function add_all() {
          var obj=document.getElementById('balloon1'); 
          obj.innerHTML="<div class=\"header-box\" ><div  style=\"float:right\"><img  style=\"padding-top:3px;cursor:pointer;\" src=\"http://www.rankmytattoos.com/images/close.jpg\" alt=\"close\" onclick=\"javascript:Hidediv();\"/></div></div>";
          
          
          var title = encodeURIComponent(document.title);
          var url = encodeURIComponent(document.URL);


          add_tool('delicious', 'del.icio.us', 'http://del.icio.us/post?url=' + url + '&amp;title=' + title);
          add_tool('digg', 'digg', 'http://digg.com/submit?phase=2&amp;url=' + url + '&amp;title=' + title);
          add_tool('spurl', 'Spurl.net', 'http://www.spurl.net/spurl.php?url=' + url + '&amp;title=' + title);
          add_tool('wists', 'Wists', 'http://wists.com/r.php?c=&amp;r=' + url + '&amp;title=' + title);
          add_tool('simpy', 'Simpy', 'http://www.simpy.com/simpy/LinkAdd.do?href=' + url + '&amp;title=' + title);
          add_tool('newsvine', 'Newsvine', 'http://www.newsvine.com/_tools/seed&amp;save?u=' + url + '&amp;h=' + title);
          add_tool('blinklist', 'BlinkList', 'http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=' + url + '&amp;Title=' + title);
          add_tool('furl', 'Furl', 'http://www.furl.net/storeIt.jsp?u=' + url + '&amp;t=' + title);
          add_tool('reddit', 'reddit', 'http://reddit.com/submit?url=' + url + '&amp;title=' + title);
          add_tool('fark', 'FARK', 'http://cgi.fark.com/cgi/fark/edit.pl?new_url=' + url + '&amp;new_comment=' + title + '&amp;linktype=');
          add_tool('blogmarks', 'BlogMarks', 'http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=' + url + '&amp;title=' + title);
          add_tool('yahoo', 'Yahoo!', 'http://myweb2.search.yahoo.com/myresults/bookmarklet?u=' + url + '&amp;t=' + title);
          add_tool('smarking', 'smarking', 'http://smarking.com/editbookmark/?url=' + url + '&amp;title=' + title);
          add_tool('magnolia', 'Ma.gnolia', 'http://ma.gnolia.com/bookmarklet/add?url=' + url + '&amp;title=' + title);
          add_tool('segnalo', 'Segnalo', 'http://segnalo.com/post.html.php?url=' + url + '&amp;title=' + title);
        }
        
        
function Hidediv()
{
  document.getElementById("balloon1").style.visibility='hidden';
  
}

function Showdiv()
{
  
  document.getElementById("balloon1").style.visibility='visible';
}