var hoveredEl = false;
function showButterfly(el) {
if(hoveredEl && el != hoveredEl) doHideButterfly();
if(el == hoveredEl) return;
hoveredEl = el;
var el = $(el);
el.innerHTML = '';
}
function hideButterfly(e) {
if(!hoveredEl) return;
if (!e)
var e = window.event;
var targ = e.relatedTarget ? e.relatedTarget : e.toElement;
if(!butterflyAreaContains($(hoveredEl).parentNode, targ)) {
//alert('out');
doHideButterfly();
//setTimeout('doHideButterfly();', 300);
}
}
function doHideButterfly() {
if(hoveredEl) {
$(hoveredEl).innerHTML = '
';
}
hoveredEl = false;
}
function butterflyAreaContains(parent, child) {
while(child)
//alert(child.tagName + ' - ' + parent.id);
if (parent == child) return true;
else {
try {
child = child.parentNode;
}
catch(err){
return false;
}
}
return false;
}