//************image tooltip ****************
function enableImageTooltips(id, image) {	
    var links,i,h;
    if (!document.getElementById || !document.getElementsByTagName) return;
    AddCss();
    h = document.createElement("span");
    h.id = "btc";
    h.setAttribute("id", "btc");
    h.style.position = "absolute";
    document.getElementsByTagName("body")[0].appendChild(h);
    PrepareImage(id, image);
}

function PrepareImage(el, image) {
    var tooltip,t,b,s,l;
    el.removeAttribute("title");
    tooltip = CreateEl("span", "imagetooltip");

    s = CreateEl("span", "top");
    var imgObj = document.createElement("img");
    imgObj.setAttribute("src", image);
    s.appendChild(imgObj);
    tooltip.appendChild(s);
    b = CreateEl("b", "bottom");
    b.appendChild(document.createTextNode(""));
    tooltip.appendChild(b);
    setOpacity(tooltip);
    el.tooltip = tooltip;
    el.onmouseover = showImageTooltip;
    el.onmouseout = hideImageTooltip;
    el.onmousemove = LocateImageTooltip;
}

function showImageTooltip(e) {
    document.getElementById("btc").appendChild(this.tooltip);
    LocateImageTooltip(e);
}

function hideImageTooltip(e) {
    var d = document.getElementById("btc");
    if (d.childNodes.length > 0) d.removeChild(d.firstChild);
}

function LocateImageTooltip(e) {
    var posx = 0,posy = 0;
    if (e == null) e = window.event;
    var oTarget = e.target || e.srcElement;
    var pos = findPos(oTarget);
    posx = pos[0];
    posy = pos[1] - 96;
    document.getElementById("btc").style.top = posy + "px";
    document.getElementById("btc").style.left = (posx) + "px";
}
function showTooltip(e) {
    document.getElementById("btc").appendChild(this.tooltip);
    Locate(e);
}

function hideTooltip(e) {
    var d = document.getElementById("btc");
    if (d.childNodes.length > 0) d.removeChild(d.firstChild);
}

function setOpacity(el) {
    el.style.filter = "alpha(opacity:95)";
    el.style.KHTMLOpacity = "0.95";
    el.style.MozOpacity = "0.95";
    el.style.opacity = "0.95";
}

function CreateEl(t, c) {
    var x = document.createElement(t);
    x.className = c;
    x.style.display = "block";
    return(x);
}

function AddCss() {
    var l = CreateEl("link");
    l.setAttribute("type", "text/css");
    l.setAttribute("rel", "stylesheet");
    l.setAttribute("href", "bt.css");
    l.setAttribute("media", "screen");
    document.getElementsByTagName("head")[0].appendChild(l);
}

function Locate(e) {
    var posx = 0,posy = 0;
    if (e == null) e = window.event;
    var oTarget = e.target || e.srcElement;
    var pos = findPos(oTarget);
    var parentEle = oTarget.parentNode;
    posx = pos[0] + 85;
    //(oTarget.offsetWidth/2);
    posy = pos[1] + parentEle.offsetHeight;
    document.getElementById("btc").style.top = posy + "px";
    document.getElementById("btc").style.left = (posx) + "px";
}
function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}


function getElementsByClassName(classname, node) {
    if (!node)
        node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for (var i = 0,j = els.length; i < j; i++)
        if (re.test(els[i].className))
            a.push(els[i]);
    return a;
}


/**

<tr>
                <td align="center"><a href="http://www.mectechnologies.com" target="_blank"
                                      onmouseover="enableImageTooltips(this, 'images/mecBranding.gif')"><img
                        src="images/branding.png" border="0"/></a></td>
            </tr>

**/