function showToolTip(e,img,title,text){
	if(document.all)e = event;
	
	var obj = getStyleObject('bubble_tooltip');
	var obj2 = getStyleObject('bubble_tooltip_content');
	obj2.innerHTML = '<table><tr valign="top"><td><img class="prodImage" width="150" src="' + img + '" /></td><td><b>' + title + '</b><br />' + text + '<div><img src="http://www.agrainofsand.com/images/purpleArrow.gif" width="18" height="11" /> <b>Click the lips for details!</b></div></td></tr></table>';
	obj.style.display = 'block';
	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
	var leftPos = e.clientX - 100;
	if(leftPos<0)leftPos = 0;
	obj.style.left = leftPos + 'px';
	obj.style.top = (e.clientY - obj.offsetHeight -10 + st) + 'px';
	document.images['lips'].src = 'http://www.agrainofsand.com/images/LipsTip_on.gif';
}	

function hideToolTip()
{
	document.getElementById('bubble_tooltip').style.display = 'none';
	document.images['lips'].src = 'http://www.agrainofsand.com/images/LipsTip.gif';
}

function getStyleObject(objectId) {
  // checkW3C DOM, then MSIE 4, then NN 4.
  if(document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId);
   }
   else if (document.all && document.all(objectId)) {
    return document.all(objectId);
   }
   else if (document.layers && document.layers[objectId]) {
    return document.layers[objectId];
   } else {
    return false;
   }
}