/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=8; //Customize x offset of tooltip
var offsetypoint=5; //Customize y offset of tooltip
var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
if (ie||ns6)
    var tipobj=document.all? document.all["partBubble"] : document.getElementById? document.getElementById("partBubble") : "";

function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function pngFix(imgText){
    var browser=navigator.appName;
    var version=0;
    if (navigator.appVersion.indexOf("MSIE")!=-1){
        temp=navigator.appVersion.split("MSIE")
        version=parseFloat(temp[1])
    }
    if ((browser == "Microsoft Internet Explorer") && (version == 6)){
        var retStr = '/vpcart/controls/ctlimages/invis.gif" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + imgText + ')';
        return retStr;
    }else {
        return imgText;
    }
}

function pngFix2(imgText){
    var browser=navigator.appName;
    var version=0;
    if (navigator.appVersion.indexOf("MSIE")!=-1){
        temp=navigator.appVersion.split("MSIE")
        version=parseFloat(temp[1])
    }
    if ((browser == "Microsoft Internet Explorer") && (version == 6)){
        var retStr = 'background-image:url(' + imgText + ')';// ;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + imgText + ')';
        return retStr;
    }else {
        return 'background-image:url(' + imgText + ')';
    }
}

function showPart(thetext){
    //thetext = thetext.replace('/','-')
    document.onmousemove = positiontip
    var cntnt = '<table cellpadding="0" cellspacing="0"><tr><td><img src="'+ pngFix('/vpcart/controls/ctlimages/bubble_tl.png') + '" alt="" width="24" height="23"/></td>';
        cntnt += '<td background="/vpcart/controls/ctlimages/bubble_tm.png">&nbsp;</td><td><img style="vertical-align: bottom" src="'+pngFix('/vpcart/controls/ctlimages/bubble_tr.png') + '" width="11" height="23"></td></tr>';
        cntnt += '<tr><td background="/vpcart/controls/ctlimages/bubble_ml.png">&nbsp;</td><td align="center" bgcolor="FFFFFF"><div class="img"><img src="/vpcart/controls/imager.aspx?PART_NO=' + thetext + '"></div>';
        cntnt += '<td style="background-image:url(/vpcart/controls/ctlimages/bubble_mr.png)"><font size="1pt">&nbsp;</font></td><tr><td valign="top"><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_bl.png') + '" alt="" width="24" height="11"/></td>';
        cntnt += '<td style="background-image:url(/vpcart/controls/ctlimages/bubble_bm.png)"><font size="1pt">&nbsp;</font><td valign="top"><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_br.png') + '" width="11" height="11"></tr></table>';

    if (ns6||ie){
        tipobj.innerHTML=cntnt
        enabletip=true
        return false
    }
}

function showTip(thetext) {
    document.onmousemove = positiontip
    var tipTab = '<table><tr><td><img src="/vpcart/controls/ctlimages/toolTip.png" width="20" height="20"></td><td nowrap><span class="masBodyText">' + thetext + '</span></td></tr></table>';

    var cntnt = '<table cellpadding="0" cellspacing="0"><tr><td><img src="'+ pngFix('/vpcart/controls/ctlimages/bubble_tl.png') + '" alt="" width="24" height="23"/></td>';
    cntnt += '<td background="/vpcart/controls/ctlimages/bubble_tm.png">&nbsp;</td><td><img style="vertical-align: bottom" src="' + pngFix('/vpcart/controls/ctlimages/bubble_tr.png') + '" width="11" height="23"></td></tr>';
        cntnt += '<tr><td background="/vpcart/controls/ctlimages/bubble_ml.png">&nbsp;</td><td align="center" bgcolor="#FFFFFF">' + tipTab + '</td>';
        cntnt += '<td style="' + pngFix2('/vpcart/controls/ctlimages/bubble_mr.png') + '"><font size="1pt">&nbsp;</font></td><tr><td valign="top"><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_bl.png') + '" alt="" width="24" height="11"/></td>';
        cntnt += '<td style="' + pngFix2('/vpcart/controls/ctlimages/bubble_bm.png') + '"><font size="1pt">&nbsp;</font><td valign="top"><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_br.png') + '" width="11" height="11"></tr></table>';
        
    if (ns6||ie){
        tipobj.innerHTML=cntnt
        enabletip=true
        return false
    }
}

function showTip2(thetext) {
    document.onmousemove = positiontip
    var tipTab = '<span class="masBodyText">' + thetext + '</span>';

    var cntnt = '<table cellpadding="0" cellspacing="0"><tr><td><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_tl.png') + '" alt="" width="24" height="23"/></td>';
    cntnt += '<td background="/vpcart/controls/ctlimages/bubble_tm.png">&nbsp;</td><td><img style="vertical-align: bottom" src="' + pngFix('/vpcart/controls/ctlimages/bubble_tr.png') + '" width="11" height="23"></td></tr>';
    cntnt += '<tr><td background="/vpcart/controls/ctlimages/bubble_ml.png">&nbsp;</td><td align="left" bgcolor="#FFFFFF">' + tipTab + '</td>';
    cntnt += '<td style="' + pngFix2('/vpcart/controls/ctlimages/bubble_mr.png') + '"><font size="1pt">&nbsp;</font></td><tr><td valign="top"><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_bl.png') + '" alt="" width="24" height="11"/></td>';
    cntnt += '<td style="' + pngFix2('/vpcart/controls/ctlimages/bubble_bm.png') + '"><font size="1pt">&nbsp;</font><td valign="top"><img src="' + pngFix('/vpcart/controls/ctlimages/bubble_br.png') + '" width="11" height="11"></tr></table>';

    if (ns6 || ie) {
        tipobj.innerHTML = cntnt
        enabletip = true
        return false
    }
}

function positiontip(e){
    if (enabletip){
        var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
        var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
        //Find out how close the mouse is to the corner of the window

        var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint
        var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint

        var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -500
        tipobj.style.left="5px"
        tipobj.style.left=curX+offsetxpoint+"px"
        tipobj.style.top=curY+offsetypoint+"px"
        tipobj.style.visibility="visible"
    }
}

function hidePart() {
    document.onmousemove = ""
    if (ns6||ie){
        enabletip=false
        tipobj.style.visibility="hidden"
        tipobj.style.left="-1000px"
    }
}

