ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var mx=0;
var my=0;
var inside = false;
var txt=(ns4)? '<layer name="outer" style="display:none;z-index:2"></layer>' : '<div id="outer" style="z-index:1;display:none;position:absolute; visibility:visible;width:450px;"  onclick="return hidedata2()" onmouseover="return markInside()" onmouseout="return hidedata2()"></div>';
document.write(txt);
function moveobj(evt)
{
        mx=(ie4||ie5)? event.clientX+document.body.scrollLeft: evt.pageX;
        my=(ie4||ie5)? event.clientY+document.body.scrollTop: evt.pageY;
        moveid(outer,mx+5,my+5);
}
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=moveobj;
function moveobj(evt)
{       
        tempX = 0;
        if(document.documentElement.scrollLeft != null)
            tempX = document.documentElement.scrollLeft;
            
        tempY = 0;
        if(document.documentElement.scrollTop != null)
            tempY = document.documentElement.scrollTop;
        
        
        mx=(ie4||ie5)? event.clientX+ tempX  - 30: evt.pageX;
        my=(ie4||ie5)? event.clientY+ tempY + 150: evt.pageY;
        
        //window.status = 'x:' + mx + ' - y:' + my + ' - screenH: ' + screen.height + ' - EscreenH:' + (screen.height + tempY);       
        if((my + 400) > (tempY + screen.height)) 
        {
            my -= 100;
            mx += 30;
        }

        moveid('outer',mx+5,my+5);
}
function moveid(id,x,y)
{       
        if(ns4)
        {
                id.moveTo(x,y);
        }
        else
        {        
                id=document.getElementById(id);
                if(id == null)
                    return
                
                id.style.left=x+'px';
                id.style.top=y+'px';
        }
}

function displaydata(title,img,data,src)
{       
        var image='';
        var text_out='';
        if(img.length>5) image='<img style="margin-right:5px;padding:2px;border:1px #008000 solid;width:90px" src="'+img+'" align="left">';
        
        title = '<div style="font-weight:bold;line-height:20px;vertical-align:top;">' + title + '</div>';
        
        text_out+='<table width="300px" cellpadding=0 cellspacing=0 style="border: #000000 1px solid; padding: 5px 5px 0px 5px ; background-color:#000000"  >';
       
        text_out+='<tr>';        
        text_out+='<td style="color:#000080;font-size:11px;font-family:tahoma;text-align:justify;padding:3px;background-color:#FFFFFF">'+title+image+data+'</td>';       
        text_out+='</tr>';        
        text_out+='</table>';
        document.getElementById('outer').innerHTML=text_out;
        document.getElementById('outer').style.zIndex = 500;
        //document.getElementById('outer').style.yIndex = 800;
        document.getElementById('outer').style.display='';                
        src.title='';
        src.img = '';
        src.data = '';
}
function hidedata()
{
        document.getElementById('outer').innerHTML='';
        document.getElementById('outer').style.display='none';
}



function displaydata2(title,img,summary, content,src)
{       
        var image='';
        var text_out='';
        if(img.length>5) image='<img style="margin-right:5px;padding:2px;border:1px #008000 solid;width:90px" src="'+img+'" align="left">';
        
        title = '<div style="font-weight:bold;line-height:20px;vertical-align:top;">' + title + '</div>';
        
        text_out+='<table width="600px" cellpadding=0 cellspacing=0 >';
        text_out+='<tr>';
        text_out+='<td width="13">';
        text_out+='<img src="/Images/tooltip/Untitled-1_05.gif"  width="13" height="12"></td>';
        text_out+='<td style="background-image:url(\'/Images/tooltip/Untitled-1_06.gif\');padding:0px;margin:0px;font-size:12px;font-weight:bold;color:#000000"></td>';
        text_out+='<td width="19">';
        text_out+='<img src="/Images/tooltip/Untitled-1_08.gif" width="19" height="12"></td>';
        text_out+='</tr>';
        text_out+='<tr>';
        text_out+='<td width="13" style="background-image:url(\'/Images/tooltip/Untitled-1_09.gif\');"></td>';
        text_out+='<td style="color:#000080;font-size:11px;text-align:justify;padding:3px;background-color:#FFFFFF">'+title+image+summary+'<br>'+content+'</td>';
        text_out+='<td width="19" style="background-image:url(\'/Images/tooltip/Untitled-1_11.png\');"></td>';
        text_out+='</tr>';
        text_out+='<tr>';
        text_out+='<td width="13">';
        text_out+='<img src="/Images/tooltip/Untitled-1_15.gif"  width="13" height="18"></td>';
        text_out+='<td style="background-image:url(\'/Images/tooltip/Untitled-1_16.gif\');"></td>';
        text_out+='<td width="8">';
        text_out+='<img src="/Images/tooltip/Untitled-1_18.gif"  width="19" height="18"></td>';
        text_out+='</tr>';
        text_out+='</table>';
        document.getElementById('outer').innerHTML=text_out;
        document.getElementById('outer').style.display='';
        src.title='';
}

function markInside(){
    inside = true;
}
function hidedata2(){
    if(inside == true){
        document.getElementById('outer').innerHTML='';
        document.getElementById('outer').style.display='none';
        inside = false;
    }
}

/* display tooltip for contacts */
function displaycontact(title,img,fullname,company,src)
{       
        var image='';
        var text_out='';
        if(img.length>5) image='<img style="margin-right:5px;padding:2px;border:0px #008000 solid;width:90px" src="'+img+'" align="left">';
        
        fullname = '<div style="font-weight:bold;font-size:15;line-height:20px;vertical-align:top;">' + fullname + '</div>';
        title = '<div style="font-size:10px;line-height:20px;vertical-align:top;">' + title + '</div>';
        company = '<div style="font-size:9px;line-height:20px;vertical-align:top;">' + company + '</div>';
        
        text_out+='<table width="300px" cellpadding=0 cellspacing=0 >';
        text_out+='<tr>';
        text_out+='<td width="13">';
        text_out+='<img src="/Images/tooltip/Untitled-1_05.gif"  width="13" height="12"></td>';
        text_out+='<td style="background-image:url(\'/Images/tooltip/Untitled-1_06.gif\');padding:0px;margin:0px;font-size:12px;font-weight:bold;color:#000000"></td>';
        text_out+='<td width="19">';
        text_out+='<img src="/Images/tooltip/Untitled-1_08.gif" width="19" height="12"></td>';
        text_out+='</tr>';
        text_out+='<tr>';
        text_out+='<td width="13" style="background-image:url(\'/Images/tooltip/Untitled-1_09.gif\');"></td>';
        text_out+='<td style="width:100%;color:#000080;text-align:justify;padding:3px;background-color:#FFFFFF">'+image+fullname+'<br/>'+title+'<br/>'+company+'</td>';
        text_out+='<td width="19" style="background-image:url(\'/Images/tooltip/Untitled-1_11.png\');"></td>';
        text_out+='</tr>';
        text_out+='<tr>';
        text_out+='<td width="13">';
        text_out+='<img src="/Images/tooltip/Untitled-1_15.gif"  width="13" height="18"></td>';
        text_out+='<td style="background-image:url(\'/Images/tooltip/Untitled-1_16.gif\');"></td>';
        text_out+='<td width="8">';
        text_out+='<img src="/Images/tooltip/Untitled-1_18.gif"  width="19" height="18"></td>';
        text_out+='</tr>';
        text_out+='</table>';
        document.getElementById('outer').innerHTML=text_out;
        document.getElementById('outer').style.display='';
        src.title='';
}
function DisplayContactDetails(data,src)
{       
        var text_out='';
        
        data = '<div style="font-size:10px;line-height:20px;vertical-align:top;">' + data + '</div>';
        
        text_out+='<table width="300px" cellpadding=0 cellspacing=0 >';
        text_out+='<tr>';
        text_out+='<td width="13">';
        text_out+='<img src="/Images/tooltip/Untitled-1_05.gif"  width="13" height="12"></td>';
        text_out+='<td style="background-image:url(\'/Images/tooltip/Untitled-1_06.gif\');padding:0px;margin:0px;font-size:12px;font-weight:bold;color:#000000"></td>';
        text_out+='<td width="19">';
        text_out+='<img src="/Images/tooltip/Untitled-1_08.gif" width="19" height="12"></td>';
        text_out+='</tr>';
        text_out+='<tr>';
        text_out+='<td width="13" style="background-image:url(\'/Images/tooltip/Untitled-1_09.gif\');"></td>';
        text_out+='<td style="width:100%;color:#000080;text-align:justify;padding:3px;background-color:#FFFFFF">'+data+'</td>';
        text_out+='<td width="19" style="background-image:url(\'/Images/tooltip/Untitled-1_11.png\');"></td>';
        text_out+='</tr>';
        text_out+='<tr>';
        text_out+='<td width="13">';
        text_out+='<img src="/Images/tooltip/Untitled-1_15.gif"  width="13" height="18"></td>';
        text_out+='<td style="background-image:url(\'/Images/tooltip/Untitled-1_16.gif\');"></td>';
        text_out+='<td width="8">';
        text_out+='<img src="/Images/tooltip/Untitled-1_18.gif"  width="19" height="18"></td>';
        text_out+='</tr>';
        text_out+='</table>';
        document.getElementById('outer').innerHTML=text_out;
        document.getElementById('outer').style.display='';
        src.data='';
}
