// JavaScript Document

  
	  var iconWidth  = 72;
	  var pointerWidth  =31;
	  var iconHeight = 67;
	  
function hideToolTip(e)
{
	  var pointer = document.getElementById("toolTipPointer");
  	  var tip = document.getElementById("toolTip");
	  var mouseX = "";
  	  var mouseY = "";
	  
	  if (ie) { // grab the x-y pos.s if browser is IE
    	mouseX = event.clientX + document.body.scrollLeft;
		mouseY = event.clientY + document.body.scrollTop;
  	  } else {  // grab the x-y pos.s if browser is NS
    	mouseX = e.pageX;
    	mouseY = e.pageY;
  	 }  

	  var  objX = getX(this);
	  var  objY = getY(this);
	  
	  // check mouse out of object square
	  
	  //alert(mouseX+":"+mouseY+" - "+objX+" : "+objY+"= "+( ((mouseX>=objX && mouseX<= objX+iconWidth) & (mouseY>=objY && mouseY<= objY+iconHeight))==true));
	  if  (!((mouseX>=objX && mouseX<= objX+iconWidth) & (mouseY>=objY && mouseY<= objY+iconHeight)))
	  {
		 pointer.style.display="none";
	  	 tip.style.display="none";
		 
	  }
}

function showToolTip()
{
	  var pointer = document.getElementById("toolTipPointer");
	  var column  = document.getElementById("rightColumn");
  	  var tip = document.getElementById("toolTip");
	  var toolIcon = document.getElementById("tipImage");
	  	  toolIcon.src=this.src;
	  var toolText = document.getElementById("tipText");
	  	  toolText.innerHTML=this.alt;
	  var sites = getElementsByClassName("sites")[0];
	   
	  
	  pointer.style.display="block";
  	  tip.style.display="block";
	  
	  var tipHeight = +tip.offsetHeight;
	  var offsetY =  -2;
	  var offsetX = Math.round((iconWidth/2)-(pointerWidth/2));
	  var tOffsetY = -(tipHeight+1);
	  var tOffsetX = 15;
      var basePointY= ie? getY(this):this.offsetTop;
	  var basePointX= ie? getX(this):this.offsetLeft;
	  
	  var toolPointX=  getX(column);
	  
	  pointer.style.top=(basePointY+offsetY)+"px";
	  pointer.style.left=(basePointX+offsetX)+"px";
		
	  tip.style.top=(basePointY+tOffsetY)+"px";
	  tip.style.left=(toolPointX+tOffsetX)+"px";

}

function upToolTip()
{
	
}

function tooltips()
{
   
	var column  = document.getElementById("rightColumn");
	var tip = document.getElementById("toolTip");
	

	    if (tip.addEventListener) {
	       tip.addEventListener('mouseover', hideToolTip, false);

	    } else if (ie) {
			 addEvent(tip, 'mouseover', hideToolTip);
	    }

	
	var items = getElementsByClassName("siteImage");
	// Attaching events
	for (var i = items.length; i--; ) {
	    if (items[i].addEventListener) {
	        items[i].addEventListener('mouseover', showToolTip, false);
			items[i].addEventListener('mouseout', hideToolTip, false);
	    } else if (ie) {
			 addEvent(items[i], 'mouseover', showToolTip);
			 addEvent(items[i], 'mouseout', hideToolTip);
	    }
	}
}

addLoadEvent(tooltips);